JavaScript:基本语法

今天我要介绍的新知识点内容为:JavaScript的基本语法以及使用说明。

首先我们先了解一下JS(JavaScript简称)是什么以及怎么使用JS:

**介绍:JavaScript(JS)**是一门弱类型的语言,用于给HTML页面上添加动态效果与交互操作。

使用JS:1:使用script标签,一般而言放在head标签中;2:定义js文件,再通过script标签引入。

调试JS:打开浏览器,按F12键位打开控制台(console)即可调试。

基本语法:

变量声明

  • 使用varletconst声明变量。

    javascript 复制代码
    let name = "Alice";  // 可重新赋值
    const PI = 3.14;     // 常量,不可重新赋值

    注:JS的语法与Java语言类似,每个语言以 **;**结束。语句块用{},但是不强制要求使用;结尾。

//行为注释,一般用在script标签内。/* */ 为块注释,一般用在头部标签内,且JS严格区分大小写;

变量和数据类型:

1.在JS中,所有的变量都是使用var ,let,const关键字声明,并且变量的值与类型都可以发生改变。使用typeof可以查看数据类型。

数据类型

  1. 基本类型:stringnumberbooleanundefined
  2. 引用类型:objectarrayfunction
javascript 复制代码
let age = 25;                  // number
let hobbies = ["阅读", "编程"];  // array

**Number:JavaScript不区分整数和浮点数,统一用Number表示:NaN (非数字):1/"a"****。 非数字不能使用比较,需要调用isNaN()**方法。

如果要判断某一个数字的值的类型是否是数字可以使用非数字:数字+*" 此处填入拟命名"

javascript 复制代码
	let a =123;
			let b =3.14;
			console.log(typeof(a));
			console.log(typeof(b));
			let c = 2*"a";
			console.log(c);
			// // 非数字不可用==比较,须用isNaN 比较
			console.log(isNaN(a));
			// // isNaN 是用于比较非数字的,T真F假
			console.log(isNaN(c));

效果:

Infinity : 无穷大;**parseInt(String)****:整数 ;parseFloat(String) 小数;%:**求余

**/除法:由于精度问题会出现结果不精确,可以调用.fixed()**方法保留小数点位数

String: 可以使用' '和**" ";** 使用反引号 **` `**可以创建模板字符串

javascript 复制代码
let s ="hello world";
			let s1 ='hello world';
			let s2 =`hello world`;
			
			console.log(s);
			console.log(s1);
			console.log(s2);
			document.write('<div id="d1" style="height:100px;width:100px;background-color:red"></div>')
			document.write("<div id='d2' style='height:100px;width:100px;background-color:red'></div>")
			document.write(`<div id="d3" style='height:100px;width:100px;background-color:red'></div>`)

注:放入反引号,无论里面是单引号双引号,都可以识别得到。

效果:

Boolean:&&: 并且;或者:||;

比较运算符:转换类型再比较:==;比较类型与内容:===;

javascript 复制代码
// boolean:布尔
			let f =true;
			let f1 =false;
			console.log(f)
			// // ||表或者
			// // &&表并且
			console.log(f||f1); 
			console.log(f&&f1);
			let aa=123;
			let bb='123';
			// // ==表先转化再比较
			console.log(aa==bb)
			// // ===表比较类型or内容
			console.log(aa===bb)

效果:

注解:**console.log(aa==bb)**意思是先给他们转化为一样的再作比较,若结果不同则为错误。**console.log(aa===bb)**不单单之比较内容,还有类型,所以三个等于号的内容是比较严格的,双等于不会跟三等于严格。

{ key:value }---Object:

javascript 复制代码
// 对象型object{key.value,key:value ...}
			let obj ={
				name:'阿部',
				sex:'男',
				age:25,
				// ismarry 词意指是否婚配
				ismarry:false
			}
			console.log(obj)
			console.log(obj.name)

效果:

[a,b,c]---array:数组;

javascript 复制代码
let  arr =['阿部礼',21,8,12,'男',true]
			console.log(arr)
			// 获取数组中数据,至下标访问,从零开始 
			// 不论数字文字,都是一个下标点
			console.log(arr[1])
			// 数组长度,每一个单位都是一个长度
			console.log(arr.length)

效果:

弹框以及效果:

javascript 复制代码
alert("ABB");

询问框以及效果:

javascript 复制代码
let o = confirm('ABB','提示');

询问框以及效果:

javascript 复制代码
	let p = prompt('AABB?')
			console.log(p);

总结:

希望本文有关于JS基本语法的知识点内容能对你带来一定的帮助,同时非常感谢各位大佬的点赞与支持,咱们下一篇不见不散

相关推荐
倒霉男孩18 分钟前
HTML视频和音频
前端·html·音视频
喜欢便码18 分钟前
JS小练习0.1——弹出姓名
java·前端·javascript
chase。23 分钟前
【学习笔记】MeshCat: 基于three.js的远程可控3D可视化工具
javascript·笔记·学习
暗暗那1 小时前
【面试】什么是回流和重绘
前端·css·html
小宁爱Python1 小时前
用HTML和CSS绘制佩奇:我不是佩奇
前端·css·html
weifexie1 小时前
ruby可变参数
开发语言·前端·ruby
王磊鑫1 小时前
重返JAVA之路-初识JAVA
java·开发语言
千野竹之卫1 小时前
3D珠宝渲染用什么软件比较好?渲染100邀请码1a12
开发语言·前端·javascript·3d·3dsmax
sunbyte1 小时前
初识 Three.js:开启你的 Web 3D 世界 ✨
前端·javascript·3d
半兽先生2 小时前
WebRtc 视频流卡顿黑屏解决方案
java·前端·webrtc