笔记-JS 执行上下文

Javascript代码在执行时，会进入一个执行上下文中，执行上下文可以理解为当前代码的执行环境。
Javascript中的运行环境主要包括以下三种情况：

• 全局环境：代码运行起来后会首先进入全局环境
• 函数环境：当函数被调用执行时，会进入当前环境中执行代码
• eval环境：不建议使用

可以预见的是，在一个Javascript程序中，必定会出现多个执行上下文，此时Javscript引擎会以函数调用栈的方式来处理它们。函数调用栈规定了Javascript代码的执行顺序，代码执行过程中遇到以上三种情况时，会生成一个执行上下文并放入函数调用栈中，处于栈顶的上下文执行完毕后会自动出栈。因此，栈底永远是全局上下文，栈顶则是当前正在执行的上下文。

//demo1
var color="blue";
function changeColor(){
	var anotherColor="red";
	function swapColors(){
		var tempColor=annotherColor;
		annotherColor=color;
		color=tempColor;
	}
	swapColors();
}
changeColor();

1. 第一步全局上下文入栈，并一直存于栈底
2. 第二步全局上下文执行其可执行代码，遇到changeColor()，激活函数changeColor，从而创建changeColor自己的执行上下文，changeColor EC上下文入栈
3. 第三步changeColor EC上下文入栈并执行其可执行代码，遇到swapColors()，激活函数swapColors，从而创建swapColors执行上下文，swapColors EC上下文入栈
4. 第四步swapColors执行其可执行代码，没有能生成执行上下文的情况，执行完毕，swapColors上下文从栈中弹出
5. 第五步swapColors执行上下文弹出后，继续执行changeColor可执行代码，没有能生成执行上下文的情况，执行完毕，changeColor上下文从栈中弹出
6. 最后，全局上下文在浏览器窗口关闭后出栈

//demo2
function f1(){
	var n=999;
	function f2(){
		alert(n);
	}
	return f2;
}
var result=f1();
result();	//999

1. 第一步全局上下文入栈
2. 第二步全局上下文执行其可执行代码，遇到var result=f1()，激活函数f1，创建f1执行上下文并入栈
3. 在f1的可执行代码中，虽然声明函数f2，但是并没有执行任何函数，因此不会产生上下文，执行完毕，f1出栈
4. f1出栈后，继续执行全局上下文的代码，遇到result()，创建新的上下文
5. result()其实就是f1中声明的函数f2，执行f2中可执行代码，没有能生成执行上下文的情况，执行完毕，出栈

生命周期

一个执行上下文的生命周期大致分为两个阶段：创建阶段和执行阶段

创建阶段

执行上下文分别创建变量对象、确认作用域链、确定this指向

执行阶段

完成变量赋值、函数引用、执行其他可执行代码