JS作用域与作用域链

一、什么是作用域？

作用域：

在 Javascript 中，作用域分为 全局作用域 和 函数作用域.作用域最大的用处就是隔离变量，不同作用域下同名变量不会有冲突。
函数在定义的时候，就已经确定了函数体内部自由变量的作用域。除了全局作用域外，只有函数才能创建作用域。
　　全局作用域：
　　　　代码在程序的任何地方都能被访问，window 对象的内置属性都拥有全局作用域。(ps:一切声明的全局变量，全都是window的属性)
　　函数作用域：
　　　　在固定的代码片段才能被访问
如图可以清晰地看到：

作用域链

function f1(){
			function f2 (){
				function f3 (){

				}
				f3();
			}
			f2();	
		}		
		f1();

解析：
f1 defined f1.[[scope]] 0 : GO // 这是最开始的时候，根据11.11作业所画的图可知，此时 只是创建执行环境栈（数组）： 临时保存正在执行的函数的执行环境（window/globe或说GO）
f1 doing f1.[[scope]] 0 : f1AO //此时已经创建了函数f1（实则是在：ECS（执行环境栈）中加入一个 新的元素（执行环境） 记录新函数的调用 ）。创建了一个活动对象f1的AO 保存了f1本次函数调用的局部变量 根据函数scope记录parent是谁
1 : GO //外层，看上面的解释
f2 defined f2.[[scope]] 0 : f1AO //（不知如何表达。意会。这就是函数一个一个调用，一层一层作用的过程）此时，仅是定义了f2。
1 : GO
f2 doing f2.[[scope]] 0 : f2AO //f2进入环境栈。同f1一样，创立自己的活动对象
1 : f1AO //由里向外，一层一层向外的。这个的来源见上0 : f1AO
2 : GO
f3 defined f3.[[scope]] 0 : f2AO
1 : f1AO
2 : GO
f3 doing f3.[[scope]] 0 : f3 AO
1 : f2AO
2 : f1AO
3 : GO ps：此处的0123是层级关系，0为最里层。由外向里执行*/

图解: