Javascript预解析

最新推荐文章于 2026-01-04 11:45:10 发布

原创最新推荐文章于 2026-01-04 11:45:10 发布 · 133 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js

前端专栏收录该内容

36 篇文章

订阅专栏

本文探讨了JavaScript中变量提升和函数提升的概念。在预解析阶段，变量和函数会被提升到它们所在的作用域顶部。然而，变量提升只初始化变量，不赋值，而函数提升会完整地将函数移动到顶部。这导致在函数内部使用未赋值的变量时，控制台可能输出`undefined`。同时，局部变量不会被外部访问，即使在函数外部定义了同名变量。

变量提升
函数提升

原代码

var num = 10
fun();

function fun() {
    console.log(num)
    var num = 20
}

预解析

var num //变量提升

//函数提升
function fun() {
    var num   //变量提升到作用域的最前面
    console.log(num)//此时num未赋值
    num = 20
}

num = 10
fun();

控制台输出
undefined

原代码

f1();

console.log(b);
console.log(c);
console.log(a);
function f1() {
    var a = b = c = 9
    console.log(a);
    console.log(b);
    console.log(c);
}

预解析


function f1() {
    //var a = 9
    // b = 9
    // c = 9
    //不是集体声明，b和c是全局变量赋值
    var a = b = c = 9
    console.log(a); //9
    console.log(b); //9
    console.log(c); //9
}

f1();
console.log(b); //9
console.log(c); //9
console.log(a); //报错 外部不能调用局部变量