es6新增的let,const与var的区别

JavaScript中的let与const命令详解

最新推荐文章于 2025-11-23 16:56:34 发布

原创最新推荐文章于 2025-11-23 16:56:34 发布 · 343 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #typescript

笔记专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了JavaScript中的let和const命令，包括它们的作用域、变量提升和暂时性死区等特性。let限制了变量的作用域，只在声明的代码块内有效，并不会变量提升。const则用于声明不可变的常量，一旦赋值后无法更改。同时，文章强调了在函数内部重新声明let和const变量以及对参数的限制。通过对这两个关键字的理解，开发者可以更好地组织和优化代码。

//let与var的区别

     //1.所声明的变量只在let所在的代码块内有效
        {
            let a = 1;
            var b = 2;
        }
        a //error
        b; //1
        //2.不存在变量提升
        {
            // var 可以变量提升
            console.log(a); //undefined
            var a = 1;
            //let 不存在变量提升,会报错
            console.log(b);
            let b; //error
        }
        // 3.暂时性死区
        //如果区块中存在let和const的命令，则这个区块对这些命令声明的变量从一开始就形成封闭作用域。只要在声明之前使用这些变量，就会报错，俗称暂时性死区（TDZ）

{
tem = 123; //error
console.log(tem); //error

let tem; //TDZ结束
console.log(tem); //undefined

tem = 456;
comsole.log(tem); //456
}

//不允许重复声明变量

//报错
function() {
let a = 10;
var a = 20;
}

//报错
function() {
let a = 10;
let a = 20;
}

//不能在函数内部重新声明参数
function(a) {
let a = 10; //报错
}