javascript高级程序设计阅读收获（4.2）——执行上下文与作用域

1.执行上下文（简称上下文）

1. 每个上下文都有一个关联的变量对象，这个上下文中定义的所有变量和函数都存在与这个对象上。
2. 全局上下文是最外层的上下文。
3. 根据ECMAScript实现的数组环境，表示全局上下文的对象可能不一样。
4. 在浏览器中，全局上下文就是我们常说的window对象。
5. 所有通过var定义的全局变量和函数都会成为window对象的属性和方法，通过let和const的顶级申明不会定义在全局上下文中。
6. 上下文在其所有代码都执行完毕后会被销毁，包括定义在它上面的所有变量和函数。
7. 全局上下文在应用程序退出前才会被销毁，比如关闭网页或退出浏览器。
8. 每个函数的调用都有自己的上下文。当代码执行流进入函数时，函数的上下文被推到一个上下文栈上。
9. 函数执行完后，上下文栈会弹出该函数上下文，将控制权返还给之前的执行上下文。
10. 上下文之间的连接是现行的，有序的。
11. 局部上下文先从自己的变量对象开始搜索变量和函数，搜不到就去搜索上一级变量对象。
12. 每个上下文都可以到上一级上下文中去搜索变量和函数，但任何上下文都不能到下一级上下文中区搜索。

2.作用域链

1. 上下文中的代码在执行的时候，会创建变量对象的一个作用域链。
2. 作用域链决定了各级上下文中的代码在访问变量和函数时的顺序。
3. 代码正在执行的上下文的变量对象始终位于作用域的最前端。
4. 如果上下文是函数，则其活动对象用作变量对象。活动对象最初只有一个定义变量：arguments。
5. 作用域链中的下一个变量对象来自包含上下文，在下一个对象来自再下一个包含上下文，全局上下文的变量对象始终是作用域链的最后一个变量对象。

3.例子

var color = "blue";

function changeColor(){
	let anotherColor = "red";
	function swapColors(){
		let tempColor = anotherColor;
		anotherColor = color;
		color = tempColor;
	}
}

1. 上面有三个上下文：1.全局上下文；2.changeColor（）的局部上下文；3.swapColor（）的局部上下文。
2. 全局上下文中有一个变量color和一个函数changeColor（）；
   只能访问变量color。
3. changeColor的局部上下文中有一个变量anotherColor和一个函数swapColor（）；
   可以访问变量color和anotherColor。
4. swapColor的局部上下文中有一个变量tempColor；
   可以访问变量color、anotherColor和tempColor。