JavaScript:基本语法

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

首先我们先了解一下JS（JavaScript简称）是什么以及怎么使用JS：

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

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

调试JS：打开浏览器，按F12键位打开控制台（console）即可调试。

基本语法：

变量声明

• 使用var、let或const声明变量。

  let name = "Alice";  // 可重新赋值
  const PI = 3.14;     // 常量，不可重新赋值

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

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

 变量和数据类型：

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

数据类型

1. 基本类型：string、number、boolean、undefined。
2. 引用类型：object、array、function。

let age = 25;                  // number
let hobbies = ["阅读", "编程"];  // array

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

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

	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:可以使用' '和" "；使用反引号  `  `  可以创建模板字符串

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：&&： 并且；或者：｜｜；

比较运算符：转换类型再比较：==；比较类型与内容：===；

// 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：

// 对象型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：数组；

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

效果：

 弹框以及效果：

alert("ABB")；

 

 询问框以及效果：

let o = confirm('ABB','提示')；

 

 询问框以及效果：

	let p = prompt('AABB？')
			console.log(p);

 总结：

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