JavaScript的预编译

最新推荐文章于 2025-04-25 17:45:13 发布

原创最新推荐文章于 2025-04-25 17:45:13 发布 · 172 阅读

0 ·

CC 4.0 BY-SA版权

本文深入探讨JavaScript的执行流程，包括语法分析、预编译和逐行执行的过程。详细解析函数预编译机制，如AO对象的创建、变量与函数声明的提升等，帮助理解JS代码执行的底层原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.js执行三部曲：
1.语法/语意分析
2.预编译
3.解释一行执行一行
（通篇扫描一遍，如果存在逻辑或语法错误，则直接报错，程序停止执行，没有错误的话，开始从上到下解释一行执行一行。）
二.函数的预编译过程
1.在函数执行的前一刻创建AO对象（执行期上下文）
2. 将函数内所有的形参和变量声明（作为AO对象的属性）储存到ao对象中，值为undefined；
3. 形参和实参相统一
4. 将所有的函数声明的函数名作为AO对象中的属性，函数整体内容作为值，存储到AO对象中
注意：
1.暗示全局变量 imply global 任何变量如果未经声明就赋值，此变量就为全局对象所有。
2.在全局范围内，任何变量即使声明了，也归全局所有（全是window的属性）
window就是全局的域
3.var a = b = 123;连续赋值（自右向左，b为未经声明的赋值为123的b，再声明a，将（b = 123）赋给了a)
只有a被声明了，b是自动解析为全局变量了。
题解：
/*
函数执行前一刻发生的预编译过程：
1.AO{

}
2.AO{
    a:undefined, 
    b:undefined
}
3.AO{
    a:1,
    b:undefined
}
4.AO{
    a:function a() {
    },
    b:undefined
    d:function d() {
    },
}
*/
function fn(a) {
    console.log(a);//function a() {}
    var a = 123;//变量声明已被提升，剩下 a = 123;  5.AO{a:123,b:undefined,d: function d() {},}
    console.log(a);//a = 123
    function a() {
    };//函数声明已被提升，不读
    console.log(a);//a = 123
    var b = function () {
    };//变量声明已被提升，剩下 b = function () {}   6.AO{a:123,b:function () {},d: function d() {},}
    console.log(b);//b = function () {}
    function d() {
    };//函数声明已被提升，不读
}
fn(1);