前端小知识

目录

1、原型链

2、作用域

3、执行上下文栈

4、变量对象（Variable object，VO）

5、作用域链（Scope chain）

---

1、原型链

当无法获得实例的属性的时候，会去向该实例对象的原型去获取属性，如果还查不到，就去找原型的原型，直到到达顶层Object.prototype

var person = new Person();
Person.prototype.name = "name";
person.name = "my name";
console.log(person.name);

delete person.name;
console.log(person.name);

2、作用域

静态作用域：执行foo函数，先从foo函数内部查找局部变量val的值，如果没有，就去上一层代码中查找，所以此处val=1.
动态作用域：执行foo函数，先从foo函数内部查找局部变量val的值，如果没有，就从调用foo函数的作用域bar中查找val，val=2.

var val = 1;
function foo () {
	console.log(val);
}

function bar () {
	var val = 2;
	foo();
}

bar();	// output: 1

3、执行上下文栈

执行上下文包含三个属性：变量对象、作用域链、this。

执行上下文栈（Execution context stack，ECS）用于管理执行上下文，初始化时，栈中只有一个全局执行上下文。当整个应用程序结束的时候，栈被清空。

当遇到一个函数时，会创建一个执行上下文并入栈。函数执行完毕后，执行上下文出栈。

例如：如下函数的工作流程：

f1入栈；

f1调用了f2，f2入栈；

f2调用了f3，f3入栈；

f3执行完毕，出栈；

f2执行完毕，出栈；

f1执行完毕，出栈。

function f3() {
    console.log('fun3')
}

function f2() {
    f3();
}

function f1() {
    f2();
}

f1();

4、变量对象（Variable object，VO）

变量对象存储上下文中定义的变量和函数声明。

不同执行上下文下的变量对象稍有不同。

全局上下文中的变量对象就是全局对象。在客户端JS中，全局对象就是window对象。

函数上下文中用活动对象（activation object, AO）表示变量对象。执行过程包括：进入执行上下文和代码执行。

5、作用域链（Scope chain）

查找变量时，先从当前上下文的变量对象中查找。如果没有找到，则从父级执行上下文的变量对象中查找，一直找到全局上下文的变量对象，也就是全局对象。这样由多个执行上下文的变量对象构成的链表就叫做作用域链。