5、js - 面试 - 变量提升

EchoLiner

已于 2023-06-13 20:37:21 修改

阅读量80

点赞数

CC 4.0 BY-SA版权

于 2023-05-24 10:14:41 首次发布

本文链接：https://blog.csdn.net/EchoLiner/article/details/130841464

本文探讨了JavaScript中var声明的变量提升现象，解释了为何console.log(a)会打印undefined，然后对比了let声明的变量不提升的特性，导致尝试访问未初始化的b时抛出错误。此外，通过函数内的varc展示了函数作用域的概念，指出在函数外部无法访问c的值。

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<script>

    // var声明的变量存在变量提升
    // 只提升声明，不提升赋值
    /*
        下面的代码相当于
            var a;
            console.log(a);
            a = 1;
    */

    console.log(a); // undefined
    var a = 1;

    // let声明的变量不存在变量提升，因此会报错
    console.log(b); // Uncaught ReferenceError: Cannot access 'b' before initialization
    let b = 2;

    function func() {
        console.log(c); // undefined
        var c = 3;
    }
    func();
    console.log(c); // Uncaught ReferenceError: c is not defined

</script>