JavaScript ES6 新增了let命令使用介绍

在ES6之前，JavaScript中定义变量只有两种方式：var 和 window.xxx；ES6新增了let和const命令，增加了JavaScript定义变量的方式，let命令用于声明一个只在代码块内部可用的变量。

let命令基本用法

let 命令的用法与 var 完全相同，可以使用 let 命令声明变量，let 命令与 var 命令的区别在于，var 命令声明的变量属于全局变量，let 命令声明的变量只在 let 命令所在的代码块内有效。

示例一：

{
  let a = 'foo';
  var b = 'bar';
}

console.log(b); // 输出 bar
console.log(a); // Uncaught ReferenceError: a is not defined

在这个例子中，由于 let 命令声明的变量 a 只在代码块内有效，所以在该代码块外部调用 a 会抛出“Uncaught ReferenceError: a is not defined”的错误，而由于 var 命令声明的变量 b 是全局变量，则在代码块外部仍然能调用。

let命令的暂时性死区

let 命令申明的变量，所在的块级作用域内，在申明之前，是不能使用的，称之为“暂时性死区”。

示例二：

var tmp = 123;
if (true) {
  tmp = 'abc'; // 报错
  let tmp;
}

在这个例子中，使用了 let 命令声明了一个变量 tmp，由于该代码块内 let 命令声明的 tmp 与外部变量重名了，导致在执行到使用变量 tmp 的语句时，出现“Cannot access 'tmp' before initialization”错误。这个块级作用域内 let 命令声明的变量 tmp 与外部同名的变量 tmp 不是一个变量，内部的变量覆盖了外部的变量。这是因为let会使声明的变量再声明之前都处于一个“暂时性死区”，也就是说在申明之前，是不能使用的。

总结

let 命令用于声明一个块级作用域的变量，可以有效地避免 var 命令在全局变量中滥用，它具有以下特点：

• 变量声明只在当前块内有效，避免了变量污染。
• let命令申明的变量，在块级作用域内，在申明之前，是不能使用的，称之为“暂时性死区”。

作为一个JavaScript程序员，了解 let 命令的使用规则和特点，有利于提升代码的质量和开发效率。