let 命令 与 var的区别

Posted jiqing9006

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了let 命令 与 var的区别相关的知识,希望对你有一定的参考价值。

ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。

<script>
        {
            let a = 10;
            var b = 1;
        }

        // console.log(a); // ReferenceError: a is not defined.
        console.log(b); // 1    
</script>

for循环的计数器,就很合适使用let命令。

for (let i = 0; i < 10; i++) {
  // ...
}

console.log(i);
// ReferenceError: i is not defined

如果使用var的话,就会输出10。

for (let i = 0; i < 3; i++) {
  let i = 'abc';
  console.log(i);
}
// abc
// abc
// abc

上面代码正确运行,输出了 3 次abc。这表明函数内部的变量i与循环变量i不在同一个作用域,有各自单独的作用域。

暂时性死区
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。

var tmp = 123;

if (true) {
  tmp = 'abc'; // ReferenceError
  let tmp;
}

ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。

if (true) {
    // TDZ开始
    tmp = 'abc'; // ReferenceError
    console.log(tmp); // ReferenceError
  
    let tmp; // TDZ结束
    console.log(tmp); // undefined
  
    tmp = 123;
    console.log(tmp); // 123
}

ES5 只有全局作用域和函数作用域,没有块级作用域,这带来很多不合理的场景。

{{{{
  {let insane = 'Hello World'}
  console.log(insane); // 报错
}}}};

以上是关于let 命令 与 var的区别的主要内容,如果未能解决你的问题,请参考以下文章

用下面的代码解释一下javascript中var和let关键字的区别

let 和 var的区别

let 跟 var的区别

ES6:let和var的区别

js 中var contst let 之间的区别

let var const的区别