js执行上下文

js执行上下文

1.概述

活动的执行代码的上下文在逻辑上构成一个执行上下文栈（excution context stack）,也可以理解为执行环境，栈有两个行为，压入栈和弹出栈，后进先出.
不同执行环境的有其相应的变量对象（Variable Object），某个执行环境的所有可执行代码都执行完毕后，该环境中的变量对象和函数定义会被清除。
函数代码会在执行完后清除变量占用的内存，全局代码则会在关闭环境，比如关闭浏览器后清除。

2.代码类型

JS 中可执行的代码可分为三种类型：
全局代码
函数代码
Eval 代码
1.全局执行上下文：在执行全局代码前将window确定为全局执行上下文，将var定义的全局变量和function声明的全局函数添加为window的属性和方法，this赋值为window.
2.函数执行上下文：在调用函数，准备执行函数体之前，创建对应的函数执行上下文对象，形参、arguments、var定义的变量添加为执行上下文的属性，function声明的函数添加为其方法，this赋值为调用函数的对象。

function foo1() {
var name1 = “a”;
console.log(name1)
}
function foo2(){
var name2 = “b”;
console.log(name2)
}
foo1();
foo2();

上面的执行上下文可以表示为：

ECStack = [
globalContext
];
ECStack.push( functionContext);
ECStack.pop();
ECStack.push( functionContext);
ECStack.pop();

一个函数，可能有多个执行上下文，每个函数的调用都会产生新的上下文。

function foo() {
…
}
foo(“a”);
foo(“b”);
foo(“c”);

3.eval 代码：

eval 关键字接受一个字符串作为参数，并将其作为书写文字上下文的代码。
function foo(str, a) {
eval( str ); // 声明一个新变量
console.log(a, b);
}
var b = 123;
foo("var b = 456 ", 123) // 123, 456
eval 函数中的字符串，被当做可执行代码，最后在 foo 函数中声明了 b 变量，并覆盖了 foo 函数外部的 b 变量。
二、执行上下文栈
JS 在遇到全局代码，函数代码，eval 代码时，会创建相应的执行上下文，不同的上下文，有其变量对象（variable object: VO）和作用域。
function func3() {
console.log(‘fun3’)
}

function func2() {
func3();
}

function func1() {
func2();
}

func1();
执行上下文分析：
ECStack.push(globalContext);

// 调用 func1()， 进入 func1 执行环境
ECStack.push( functionContext);

// func1中调用了 func2，进入 func2 的执行上下文
ECStack.push( functionContext);

// func2 调用 func3, 进入 func3 的执行上下文
ECStack.push( functionContext);

// func3 执行完毕,退出 func3 执行环境
ECStack.pop();

// func2 执行完毕，退出 func2 执行环境
ECStack.pop();

// func1 执行完毕，退出 func1 执行环境
ECStack.pop();
函数代码执行完毕后，执行上下文栈底只剩下全局代码上下文 globalContext, 直到关闭浏览器才会彻底清空执行上下文栈。
执行上下文对象的个数：全局执行上下文对象window+调用函数的次数。
链接：原文链接