JavaScript作用域

作用域概述

一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域
作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突

简单理解：代码名字(变量)在某个范围内起作用和效果；目的是为了提高程序的可靠性，更重要的是减少命名冲突

• 全局作用域：整个script标签，或者是一个单独的js文件

<script>
全局作用域
</script>

• 局部作用域 (函数作用域)：在函数内部就是局部作用域，这个代码的名字只在函数内部起效果和作用

function fn() {局部作用域;}

变量的作用域

• 全局变量
  在全局作用域下的变量(在函数外部定义的变量)，在全局下都可以使用
  注意：在函数内部没有声明直接赋值的变量也属于全局变量(不建议使用)

var s = 10;	// 全局变量
function fn() {
	s1 = 20; // 全局变量
	console.log(s);
}
fn(); // 10
console.log(s); // 10
console.log(s1); // 20

• 局部变量
  在局部作用域下的变量(在函数内部的变量)，只能在函数内部使用
  注意：函数的形参也可以看作是局部变量

function fn() {
	var s = 10; // 局部变量
	console.log(s);
}
fn() // 10
console.log(s); // 报错 s is not defined

从执行效率看全局变量和局部变量

• 全局变量：只有浏览器关闭的时候才会销毁，比较占内存资源

• 局部变量：当程序执行完毕就会销毁，比较节约资源

    注意：
    function fn() {var a = b = c = 10;}
    a为局部变量，b、c为全局变量
  

块级作用域(es6)

由于es5中没有块级作用域，在if或for循环中声明的变量会泄露成全局变量，内层变量会覆盖外层变量

var s = 1;
if (true) {
    var s = 2;
}
console.log(s); // 2

可以使用let或const命令来声明变量，声明的变量只在所在的代码中有效，即为js添加了块级作用域

var s = 1;
if (true) {
    let s = 2;
}
console.log(s); // 1

注意：

1. 允许块级作用域任意嵌套
2. 外层作用域无法读取里层作用域的变量
3. 里层作用域可以定义外层作用域的同名变量
4. 函数本身的作用域在其所在的块级作用域里面

作用域链

内部函数访问外部函数的变量，采取的是链式查找的方式来决定取哪个值(就近原则)

var s = 10;
function fn() {
	var s = 20;
	function fn1() {
		console.log(s);
	}
	fn1();
}
fn(); // 20