首页 > 技术文章 > 简述函数预编译

Bin-x 2022-01-19 23:02 原文

与全局预编译相对应的是函数预编译。

全局预编译会产生GO(Global Object)对象,函数预编译会产生AO(Activation Object)对象。

只有函数开始执行的时候,才会进行函数预编译,一个GO对象内,会存在多个AO对象。

函数预编译分为四个步骤,比全局预编译多一个

  1. 创建AO对象
  2. 查找形参变量和实参变量,作为AO的属性,值为undefined
  3. 形参实参统一
  4. 函数声明提升

以如下代码为例:

function foo(a){
    console.log(a);
    a=10;
    console.log(a);
    function a(){}
}
foo(1)

细分四个步骤如下:

//第一步,创建AO对象
AO{

}

//第二步,将形参a的值设置为undefined
AO{
    a:undefined
}

//第三步,将实参1赋值给a
AO{
    a:1
}

//第四步,函数声明提升
AO{
    a:function a(){}
}

执行完这四步后,函数体内代码顺序执行,此时函数的最终执行步骤类似这样:

var a;
a=1;
a=function(){};
console.log(a); // 输出ƒ a(){}
a=10;
console.log(a); // 输出10

 

推荐阅读