作用域链与预编译
在js引擎脚本中,解析脚本的分为预编译和执行,首先语法分析,在没有错误情况下再预编译,然后在从上至下执行代码,最后要了解作用域,作用域为,全局作用域和局部作用域
预编译
主要分为全局预编译和函数预编译
1、函数预编译(发生在函数执行前一刻)
分4个步骤:
- 创建(Activation Object)AO对象
- 找形参和变量声明,将变量和形参作为属性名,属性值为undefined
- 将实参和形参统一;
- 在函数里面找关键字函数或者变量声明,作为AO对象的属性名,属性值为函数体
最后执行函数:
ex:
function test(a){
var c= 10;
arguments[0] = 16
console.log(a) //16
function a (){}
console.log(a) //16
console.log(c) //10
}
test(12)
//生成的函数AO对象如下:
AO{
c:10
a:函数a()的函数体
}
2、全局预编译
全局预编译分为两步:
1.生成全局对象:(Global Object) GO = { };
2.找变量声明和关键字函数,将变量名和函数名作为GO的属性,变量声明的属性值为undefined,关键字函数的属性值为函数体;
ex:
var num = 123;
function test(){
x = 452;
console.log(c) //undefined
var a = 10 ;
c = 13;
console.log(a) //10
}
var c;
test();
//生成的函数GO对象如下:
GO{
num : 123;
c:13;
x : 452;
test: 函数体
}
函数的权限大于变量,当同名时函数会覆盖变量,不关前后出现顺序;
作用域链
Js中函数自身也是个对象,函数对象自身有一个属性scope,scope中存储着函数执行期上下文对象的集合,这个对象成链式链接,这也就是函数的作用域链。
全局函数在声明提升时将全局的GO放入自己的scope,然后执行时放入自己的AO。
局部函数在声明提升时先将父级的scope放入自身的scope中,然后在执行时将自己的AO放入scope。注意对象的存储是堆存储,指向关系,内存中GO只有一个,函数及子函数指向GO只是在栈中创造空间,将GO的索引存入。子函数存储父级的scope也相同。函数执行完成后销毁自身的执行期上下文AO,但是声明提升时放入scope中的内容并不会销毁。