只有理解了执行上下文,才能更好地理解 JavaScript 语言本身,比如变量提升,作用域,闭包等
执行上下文是当前代码的执行环境。
在函数上下文中,使用活动对象 (activation object, AO) 来表示变量对象。活动对象和变量对象其实是一个东西,只有当进入一个执行环境时,这个执行上下文的变量对象才会被激活,此时称为 活动对象(AO),只有活动对象上的属性才能被访问。
举个简单的例子来理解变量对象
function getName(name) {
var b = 2;
function foo() {};
var bar = function() {};
}
getName('lucystar')
此时的 AO 大致如下
AO = {
arguments: {
0: 'lucystar',
length: 1
},
name: 'lucystar',
b: undefined,
foo: reference to function foo(){},
bar: undefined
}
上面例子中涉及到了变量提升和函数提升,之前在 从JS底层理解var、let、const这边文章中也介绍过
函数的作用域在函数定义的时候就确定了。作用域链本身包含变量对象,当查找变量时,会先从当前上下文中的变量对象中查找,如果没有找到,就会从父级执行上下文的变量对象中查找,一直找到全局执行上下文的变量对象
这部分又分为多种情况,具体的可以查看另一篇文章 一文理解this&call&apply&bind
执行变量赋值,代码执行
执行上下文出栈被垃圾回收机制进行回收。关于内存回收的内容,可以查看 V8内存管理及垃圾回收机制
执行上下文栈是用来管理执行上下文的。在执行上下文创建好后,JavaScript引擎会将执行上下文压入到栈中,通常把这种用来管理执行上下文的栈称为执行上下文栈,又称调用栈。
let a = 'javascript';
function foo() {
console.log('foo');
bar();
}
function bar() {
console.log('bar');
}
foo();
执行上下文栈
foo()
函数调用时, JavaScript 引擎创建了一个 foo 函数执行上下文并把它压入到当前执行栈的顶部。foo()
函数内部调用 bar()
函数时,JavaScript 引擎创建了一个 bar 函数执行上下文并把它压入到当前执行栈的顶部。foo()
函数的执行上下文。为什么基本数据类型存储在栈中,引用数据类型存储在堆中?JavaScript引擎需要用栈来维护程序执行期间的上下文的状态,如果栈空间大了的话,所有数据都存放在栈空间里面,会影响到上下文切换的效率,进而影响整个程序的执行效率。
[1]
JavaScript深入之执行上下文栈: https://github.com/mqyqingfeng/Blog/issues/4
[2]
JavaScript深入之执行上下文: https://github.com/mqyqingfeng/Blog/issues/8
[3]
JavaScript深入之变量对象: https://github.com/mqyqingfeng/Blog/issues/5
[4]
深入理解JavaScript系列(11):执行上下文(Execution Contexts): https://www.cnblogs.com/TomXu/archive/2012/01/13/2308101.html