Java Script高级学习笔记01——作用域、 变量提升、 参数、解构赋值等

作用域

• 作用域（scope）规定了变量能够被访问的“范围”，离开了这个“范围”变量便不能被访问，作用域分为全局作用域和局部作用域。

全局作用域

• <script> 标签和 .js 文件的【最外层】就是所谓的全局作用域，在此声明的变量在函数内部也可以被访问。
• 为 window 对象动态添加的属性默认也是全局的，不推荐！
• 函数中未使用任何关键字声明的变量为全局变量，不推荐！！！
• 尽可能少的声明全局变量，防止全局变量被污染
• JavaScript 中的作用域是程序被执行时的底层机制，了解这一机制有助于规范代码书写习惯，避免因作用域导致的语法错误。

	<script type="text/javascript">		
		// let m = 2;// 全局变量，全局变量可以在任何地方使用

		// function fn () {
     
		// 	console.log(m);
		// }
		// fn();
		// console.log(m);

		// let var
		// 定义变量的时候一定要加申明语句，
		// n = 2;
		// console.log(n);

		// 全局哪里都可以使用，所以尽量少用全局变量
		// let n = 2;
	</script>

局部作用域

函数作用域

• 在函数内部声明的变量只能在函数内部被访问，外部无法直接访问。
• 函数的参数也是函数内部的局部变量
• 不同函数内部声明的变量无法互相访问
• 函数执行完毕后，函数内部的变量实际被清空了

<script type="text/javascript">
		// function fn () {
     
		// 	let n = 2;
		// }

		// // 局部变量：在局部作用域申明的变量，只能在当前函数内部使用
		// // 在函数执行完毕之后会关闭作用域空间，同时会销毁局部变量
		// fn();
		
		// function fun () {
     
		// 	console.log(n);
		// }
		// fun();


		function fun (a, b) {
     
			// 形参相当于局部变量
			// console.log(a, b);
		}
		fun(1, 2);
		console.log(a, b);
	</script>

块作用域

• 在 JavaScript 中使用 {} 包裹的代码称为代码块，代码块内部声明的变量外部将【有可能】无法被访问。
• JavaScript 中除了变量外还有常量，常量与变量本质的区别是【常量必须要有值且不允许被重新赋值】，常量值为对象时其属性和方法允许重新赋值。
• let 声明的变量会产生块作用域，var 不会产生块作用域
• const 声明的常量也会产生块作用域
• 不同代码块之间的变量无法互相访问
• 推荐使用 let 或 const
• 注：开发中 let 和 const 经常不加区分的使用，如果担心某个值会不小被修改时，则只能使用 const 声明成常量。

<script type="text/javascript">
		// 块级作用域，用{}包起来的代码快，就是块级作用
		// {
     
		// 	let n = 6;
		// }
		// console.log(n);

		// if (true) {
     
		// 	let num = 123;
		// }
		// console.log(num);

		for (let i = 0; i <=0; i++) {
     
			let m = 6;
		}
		console.log(m);
	</script>

总结

• 作用域：变量的使用范围
• 全局作用域：函数外部的作用域，在全局申明的变量称为全局变量，可以在任何地方使用
• 局部作用域：函数内部的作用域，在局部申明的变量称为局部变量，只能在当前作用域使用
• 块级作用域：大括号包裹的代码块，就是块级作用域
• 申明：let、var、const

作用域链

• 作用域链本质上是底层的变量查找机制，在函数被执行时，会优先查找当前函数作用域中查找变量，如果当前作用域查找不到则会依次逐级查找父级作用域直到全局作用域
• 嵌套关系的作用域串联起来形成了作用域链
• 相同作用域链中按着从小到大的规则查找变量
• 子作用域能够访问父作用域，父级作用域无法访问子级作用域（就近原则）

<script type="text/javascript">			
		// let n = 2;// 3
		// function fn () {
     
		// 	// 是否有声明这个变量
		// 	// 如果当前作用域没有这个变量，就会去上级作用域查找
		// 	n = 3;
		// 	console.log(n);
		// }
		// fn();
		// console.log(n);
		
		// 如果当前作用域不存在一个变量的话，就会去上去作用域查找
		// 作用域链：由作用域串联起来的链状结构
		
		let m = 6;
		function fn () {
     
			function fun () {
     
				console.log(m);
			}
			fun();
		}
		fn();