Web前端开发——JavaScript入门与实战

JavaScript简介 javaScript是一种轻量级的脚本语言，也是一种嵌入式语言，一种对象模型语言。 其核心语法部分很精简，只包括两部分： 1.基本的语法构造(比如操作符，控制结构，语句) 2.标准库(一系列具有各种功能的对象，比如Array,Date,Math等)

写一段JS代码并运行 共有三种方法，第一种是写在HTML标签中，第二种是写在script标签中，第三种是写在js文件中，并在HTML文件中引用。 第一种： 第二种： 第三种： 如果使用外部引入js文件的方式，注意：引用的script标签中不要再写其他js代码，写了也没用不会运行。

声明变量并赋值

<script>
	//声明一个变量
	var a;
	//给变量赋值
	a = 1;
	//声明一个变量并给这个变量赋值
	var age = 20;
	//声明多个变量并赋值
	var a1 = 1, a2 = 2, a3 = 3;
</script>

变量命名规则

<script>
	//变量的名字 不能以 数字 开头
	//变量的名字 必须是 数字、字母、下划线_、和$组成。
	//变量的名字不能是关键字，比如：for while if else
	//在JS中变量是区分大小写的
	/*
		变量的命名尽可能使用驼峰法命名
		var userName = "Marshall"	
	*/
</script>

建议：变量名最好是起有意义的。

数据类型 其他类型转换为字符串 or 数值类型转换 布尔类型转化 只要 ’ ’ 中有内容就可以转换为True ，就算是空格也可以。

逻辑运算符 在JS中，逻辑运算的结果是 决定整个表达式的子表达式的 值。 比如 a=1,b=2; a&&b=2; 比较运算

// > < = >= <= == != === !==
	var a = 1;
	var b = 1;
	//Js是一种弱类型语言，变量的数据类型存在自动转换

	//== 只比较数值，不比较数据类型
	console.log(a == b);
	
	//=== 全等比较 既比较 值 也比较 数据类型
	console.log(a === b);

运算符的优先级

匿名函数与自调用

//立即执行函数 自调用匿名函数
(function(){
          
   
	alert(111);
})();

防止全局变量污染，封装一个局部作用

函数当参数 但是这里虽然在编译阶段函数声明替换了变量声明，但是在执行代码时赋值又会让a由函数变为变量。 作用域链