执行上下文
- 函数执行上下文:一个函数运行之前,创建的一块内存空间,空间中包含有该函数执行所需要的数据,为该函数执行提供支持。
- 执行上下文栈:call stack,所有执行上下文组成的内存空间。
- 栈:一种数据结构,先进后出,后进先出。
- 全局执行上下文:所有JS代码执行之前,都必须有该环境。
- JS引擎始终执行的是栈顶的上下文。
执行上下文中的内容
- this指向
1). 直接调用函数,this指向全局对象
2). 在函数外,this指向全局对象
3). 通过对象调用或new一个函数,this指向调用的对象或新对象 - VO 变量对象
- Variable Object:VO 中记录了该环境中所有声明的参数、变量和函数
- Global Object: GO,全局执行上下文中的VO
- Active Object:AO,当前正在执行的上下文中的VO
1). 确定所有形参值以及特殊变量arguments
2). 确定函数中通过var声明的变量,将它们的值设置为undefined,如果VO中已有该名称,则直接忽略。
3). 确定函数中通过字面量声明的函数,将它们的值设置为指向函数对象,如果VO中已存在该名称,则覆盖。
当一个上下文中的代码执行的时候,如果上下文中不存在某个属性,则会从之前的上下文寻找。
console.log(foo); //fn C
var foo = "A";
console.log(foo) //A
var foo = function () {
console.log("B");
}
console.log(foo); //fn B
foo(); // B
function foo(){
console.log("C");
}
console.log(foo) //fn B
foo(); // B
作用域链
- VO中包含一个额外的属性,该属性指向创建该VO的函数本身
- 每个函数在创建时,会有一个隐藏属性
[[scope]]
,它指向创建该函数时的AO - 当访问一个变量时,会先查找自身VO中是否存在,如果不存在,则依次查找
[[scope]]
属性。
- 某些浏览器会优化作用域链,函数的
[[scope]]
中仅保留需要用到的数据。
var foo = { n: 1 };
(function (foo) {
console.log(foo.n); // 1
foo.n = 3;
var foo = { n: 2 };
console.log(foo.n); // 2
})(foo);
console.log(foo.n); // 3
var food = "rice";
var eat = function () {
console.log(`eat ${food}`);
};
(function () {
var food = "noodle";
eat();//eat rice
})();