js中变量提升和函数提升

最新推荐文章于 2025-06-05 11:57:27 发布

原创最新推荐文章于 2025-06-05 11:57:27 发布 · 398 阅读

2 ·

CC 4.0 BY-SA版权

js基础专栏收录该内容

38 篇文章

订阅专栏

本文深入探讨JavaScript中变量提升的机制，解析不同场景下变量声明与赋值的顺序对程序运行的影响。通过实例演示函数声明与变量声明的提升过程，帮助读者理解JavaScript引擎如何处理未初始化的变量和函数调用。

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

var a=112;
var a; 
console.log(a); // 112   =>后声明的，但是没赋值，那么沿用第一次赋值的值

//  变量声明先提升，然后是函数整体提升！
function a() {
}
var a;
console.log(a); // function
a=112;
console.log(a); // 112

function t(age) {
    console.log(age); // 3
    var age=11;
}
t(3);

相当于是：

function t(age) {
    var age=3; // 参数相当于是声明了一个变量并赋值了！
    var age;
    console.log(age);
    age=11;
}
t(3);

function t(age) {
    console.log(age); // function
    var age=11;
    console.log(age); // 11
    function age() {
    }
    console.log(age); // 11
}
t(3);

function t(age) {
   var age;
    console.log(age);
    var age=23;
    console.log(age);
    function age() {
    }
    console.log(age);
}
t(22);

// 函数没有参数
function t() {
   var age;
    console.log(age);
    var age=23;
    console.log(age);
}
t(22);

function t(age) {
   var age;
    console.log(age); // function
    age=23;
    console.log(age); //  23
    function age() {
        console.log(age); // age is not a function   =>age已经赋值为23了！！！
    }
    age();
    console.log(age); // 没有执行
}
t(22);

function t(age) {
    console.log(age); // 22
    var age=function () {
        console.log(age); //function
    }
    age();
    console.log(age); // function
}
t(22);

以上参考：https://www.cnblogs.com/libin-1/p/6101185.html