JS中的块级作用域（var/let/const）

小白啥时候能进阶成功

已于 2024-03-21 19:55:37 修改

阅读量915

点赞数 21

文章标签： javascript 前端 java

于 2024-02-27 15:12:30 首次发布

本文链接：https://blog.csdn.net/qq_34754747/article/details/136318052

版权

本文详细介绍了JavaScript中的块级作用域，包括var声明的变量提升，let和const的块级声明，禁止重声明，const变量的特性，临时死区的概念，循环中的块作用域绑定，全局块作用域绑定，以及如何选择使用var、let和const。总结建议默认使用const，仅在需要变更变量时使用let。

摘要由CSDN通过智能技术生成

1、var声明及变量提升（Hoisting)机制

在函数作用域或全局作用域中通过关键字var声明的变量，无论实际上是在哪里声明的，都会被当成在当前作用域顶部声明的变量，这就是我们常说的提升（Hoisting）机制。例如：

function getValue(condition){
    if(condition){
        var value = "blue";
        return value;
    }else{
        //此处可访问变量value,其值为undefined
        return null;
    }
    //此处可访问变量value,其值为undefined
}

在预编译阶段，JavaScript引擎会将上面的getValue函数修改成下面这样：

function getValue(condition){
    var value; //变量声明被提升到函数顶部
    if(condition){
        value = "blue";
        return value;
    }else{
        return null;
    }
}

变量value的声明被提升至函数顶部，而初始化操作依旧留在原处执行，这就意味着在else子句中也可以访问到该变量，且由于此时变量尚未初始化，所以其值为undefined。