老生常谈的Javascript做用域问题

　　在前端学习中，做用域这个问题一直被普遍提起，什么是做用域，什么又是做用域链？在Javascript中，怎么去理解这些概念都是学好这门语言的关键，因此在学习前端开发的过程当中，我须要也颇有必要去学习和总结下javascript----做用域。

　　做用域并不难，可是去不多有人能稍微深刻的解释什么是做用域，知其然而不知其因此然显然是远远不够的，因此咱们就深刻浅出一下，

　　本片博文旨在深度去分析做用域，若有总结不到位之处，请读者海涵并在评论区指出。

 

　　谈到做用域就不得不谈到一个名词----执行环境。什么叫执行环境呢？

 

　　执行环境是Javascript中最为重要的一个概念，它定义了变量或函数有权访问其余数据，决定了他们各自的行为。那么在每一个执行环境中都有一个叫作“变量对象”的object,执行环境中的全部变量和函数都保存在这个对象中，这个object是没法被访问到了，它只能在后台被javascript解释器访问到。

 

　　浏览器在解析Javascript代码的时候会为每一个函数建立一个执行环境，并在该执行环境中生成一个变量对象来存储变量和其内部的函数。咱们经常用到的window就是最外围的执行环境，也叫全局执行环境，每一个执行环境的代码执行完成以后，该环境被销毁，其中的变量对象也将被销毁，而全局执行环境只会在浏览器或网页关闭的时候被销毁，其余的执行环境（或者内部的）则为局部执行环境（函数）。

 

　　每一个函数都有本身的执行环境，那么当代码的执行流进入到一个函数时，会将该执行环境推入到一个环境栈中，在函数执行完成以后又将其弹出，把对这个执行环境的控制权交还给以前的执行环境，当代码在一个执行环境中执行的时候，会将该环境中的变量对象连入到做用域链中。做用域链的做用就是保证对执行环境中的有权访问的变量和函数有序的访问。说到这里，你们可能有些迷糊啦，那么就用点代码和图片来解释下吧。

//window scope
var name0 = 'scope0'
console.log(name0)  //这里能够访问到name0
function scope1(){

	var name1 = 'scope1'
　　　　 console.log(name0,name1)  //这里能够访问到name0,name1
	function scope2(){

		var name2 = 'scope2'
　　　　　　　　　console.log(name0,name1,name2) //这里能够访问到name0,name1,name2　
		function scope3(){

			var name3 = 'scope3'
　　　　　　　　　　　　　　console.log(name0,name1,name2,name3) //这里能够访问到name0,name1,name2,name3
		}
	}
}

 

　　当JS解释器去执行这段代码的时候，会生成4个执行环境，分别是window，scope1，scope2，scope3。而后再执行JS代码的时候，会把每一个执行环境推入到执行栈中，并生成变量对象给链接到做用域链中（从上到下），最后生成的做用域链就为：

 

window→scope1→scope2→scope3

对于每一个执行环境中的变量对象来讲，它的做用域链就是它本生加上它以前的变量对象（例如scope2的做用域链就是scope2和它以前的scope1和window）。咱们先前说道，每一个执行环境中的变量对象就是该执行环境可以访问到了变量和函数，我的理解为这个函数就是变量对象的做用域链上其余的变量对象，那么就很好理解了，咱们分析下上面代码scope2的变量对象上有哪些东西，首先是参数数组（arguments，这里为[]）还有name2变量，而后是scope1的变量对象和全局变量对象。

　　说了这么多，提了那么多概念和名词，咱们好像只是说到了做用域链，可是并无说到做用域，这不是扯淡嘛！！！！好吧，咱们如今就来谈谈做用域。

　　

　　仍是先来扯下概念吧。是每一个执行环境能够经过做用域链向上访问这个他的做用域链的其余执行环境，可是不能向下访问。这个就是做用域啦。。。

　　仍是拿scope2函数来讲吧，他能够访问name2,name1,name0可是不能访问name3，这个就是做用域的限定，他只能访问到scope1和window的执行环境（还有它自己）。额，就这么一小段，我本身都醉了，可是我的以为做用域就这点东西，关键的是在与对执行环境、变量对象和做用域链的理解。这些才是扎实的理解Javascript做用域的关键。

　　

　　其实说到这里我感受已经差很少了，第一次写那么长的博文，文章水准还有待提升，这篇文章主要是我在看《javascript高级程序设计》的看到做用域这小节，感受做者写了太好了，因而乎加上了一些我的的理解就写了这篇博客。很是但愿有对WEB开发有深入理解的大大们提出批评和看法。