javascript作用域

javascript中变量之作用域

---

前言

变量，编程语言中我们用来模拟现实概念的工具，比方说，变量可以表示对象，数组，数字，字符。既然是工具，那么就用工具的适用范围，这个工具在这个适用范围中才有效，在编程语言中，我们称这个适用范围叫作用域(scope)。

---

一、作用域是什么？

变量访问规则的有效范围
		
作用域外，无法引用作用域内的变量
离开作用域后，作用域的变量的内存空间会被清除，比如执行完函数或者关闭浏览器。

二、作用域类型

1.全局作用域

ball = 'basketball';
console.log(window.ball)  // basketball

// 在浏览器环境中声明变量，该变量会默认成为全局 windows 对象的属性。

function name (){
	flower = "mudan";
}
name();
console.log(window.flower) // "mudan"

在函数中，如果不加 var OR let 声明一个变量，那么这个变量会默认被声明为全局变量，如果是严格模式则会报错。

全局变量可以在任何地方访问到，但是有很大的问题存在。

全局变量会造成命名污染，如果在多处对同一个全局变量进行操作，那么就会覆盖全局变量的定义。同时全局变量数量过多，非常不方便管理。

---

2.函数作用域

JS 是函数作用域，在函数中定义一个局部变量，那么该变量只可以在该函数作用域中被访问。

	function doSomething (){
		var something = "打篮球";
	}
	console.log(something);  // Uncaught ReferenceError: something is not defined

	// 嵌套函数作用域
	function food (){
		var fruit = "香蕉";
		function eat (){
			console.log("吃" + fruit);
		}
		eat();
	}
	food(); // 吃香蕉

嵌套函数，在函数内部添加函数，内部函数可以访问到外层函数中声明的变量。闭包同理

3.块级作用域

javascript在`ECMAScript 6`标准中引入了一种新的概念名为块级作用域

	//es6之前的使用
	function doSomething() {
	    for (var i = 0; i < 10; i++) {
	        ...
	    }
	    console.log(i)
	}
	doSomething();  // 10
	//由于 JS 没有块级作用域，变量 i 在函数作用域中只有一个，每次 for 循坏都在改变这一个变量。

ES 6 中通过 let 和 const关键字 引用了块级作用域的概念，所谓块级作用域，就是以 {}包裹的区域。

	var a = [];
	for (let i = 0; i < 10; i++) {
	  a[i] = function () {
	    console.log(i);
	  };
	}
	a[6]();

这时，数组内的索引为6函数内的变量打印值为6，每次循环，会创建新的块级作用域，然后重新声明一个新的变量 i；JS 的解释引擎会记住上次循环的变量值，所以能够返回正确的结果。

let 和 const 会声明一个块级作用域的变量及常量，不易发生变量命名污染的问题，能规避冲突，帮助你写出简洁优雅的代码，建议一直使用。

4.作用域链

在 JS 引擎中，通过标识符查找标识符的值，会从当前作用域向上寻找，直到作用域找到第一个匹配的标识符为止。就是 JS 的作用域链

如果嵌套作用域有多个相同标识符，那么，最内部的标识符会覆盖外层标识符，这叫做“遮蔽效应”

	var a = 1
	function func1(){
		var a = 2;
		function func2(){
			var a = 3;
			console.log(a)
		}
		func2(); // 3
	}

func2 中变量 a,会从内部开始向外部上层寻找，找到最近的 a 标识符的声明为止。

总结

JS 是一门基于词法作用域（静态作用域）的语言，JS 会沿着作用域链像气泡一样向外部寻找变量声明。

JS 又是函数作用域的语言，在 ES6 中，使用 let 和 const 关键字后，能让变量处于块作用域中，而且不存在声明提升。