只有理解了执行上下文,才能更好地理解 JavaScript 语言自己,好比变量提高,做用域,闭包等javascript
执行上下文是当前代码的执行环境。html
在函数上下文中,使用活动对象 (activation object, AO) 来表示变量对象。活动对象和变量对象实际上是一个东西,只有当进入一个执行环境时,这个执行上下文的变量对象才会被激活,此时称为 活动对象(AO),只有活动对象上的属性才能被访问。
举个简单的例子来理解变量对象前端
function getName(name) { var b = 2; function foo() {}; var bar = function() {}; } getName('lucystar')
此时的 AO 大体以下java
AO = { arguments: { 0: 'lucystar', length: 1 }, name: 'lucystar', b: undefined, foo: reference to function foo(){}, bar: undefined }
上面例子中涉及到了变量提高和函数提高,以前在 从JS底层理解var、let、const这边文章中也介绍过
函数的做用域在函数定义的时候就肯定了。做用域链自己包含变量对象,当查找变量时,会先从当前上下文中的变量对象中查找,若是没有找到,就会从父级执行上下文的变量对象中查找,一直找到全局执行上下文的变量对象git
这部分又分为多种状况,具体的能够查看另外一篇文章 一文理解this&call&apply&bindgithub
执行变量赋值,代码执行segmentfault
执行上下文出栈被垃圾回收机制进行回收。关于内存回收的内容,能够查看 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引擎须要用栈来维护程序执行期间的上下文的状态,若是栈空间大了的话,全部数据都存放在栈空间里面,会影响到上下文切换的效率,进而影响整个程序的执行效率。
最近发起了一个100天前端进阶计划,主要是深挖每一个知识点背后的原理,欢迎关注 微信公众号「牧码的星星」,咱们一块儿学习,打卡100天。同时也会分享一些本身学习的一些心得和想法,欢迎你们一块儿交流。闭包