# 执行上下文
每个执行上下文中，包括了下面的三个重要属性
# 执行上下文栈
当函数越来越多的话，JS是通过ECS（Execution constrol stack）来管理执行上下文的
# demo
下面一ECStack表示代码的执行上下文栈
ECStack = [
globalContext // 代表程序执行时压入的全局执行上下文
]
1
2
3
2
3
下面看看这个demo
function fun3() {
console.log('fun3')
}
function fun2() {
fun3()
}
function fun1() {
fun2()
}
fun1()
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
当执行一个函数的时候，就会创建一个执行上下文，并压入执行上下文栈。当函数执行完毕以后，会将函数执行上下文从其中弹出
那么上述的demo的执行上下文栈的变化情况为
// 伪代码
// fun1()
ECStack.push(<fun1> functionContext);
// fun1中竟然调用了fun2，还要创建fun2的执行上下文
ECStack.push(<fun2> functionContext);
// 擦，fun2还调用了fun3！
ECStack.push(<fun3> functionContext);
// fun3执行完毕
ECStack.pop();
// fun2执行完毕
ECStack.pop();
// fun1执行完毕
ECStack.pop();
// javascript接着执行下面的代码，但是ECStack底层永远有个globalContext
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21