ES6 之 let 命令

  • 块级作用域
  • 不存在变量提升
  • 暂时性死区
  • 不允许重复声明

1. 块级作用域

let 命令,用来声明变量,但声明的变量,只在 let 命令所在的代码块有效。

{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

 

2. 不存在变量提升

var命令会发生“变量提升”现象,即变量可以在声明之前使用,值为 undefined

这种现象多多少少是有些奇怪的,按照一般的逻辑,变量应该在声明语句之后才可以使用。

为了纠正这种现象,let命令改变了语法行为,它所声明的变量一定要在声明后使用,否则报错。

// var 的情况
console.log(foo); // 输出undefined
var foo = 2;

// let 的情况
console.log(bar); // 报错ReferenceError
let bar = 2;

 

3. 暂时性死区(temporal dead zone,简称 TDZ)

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

var tmp = 123;

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

“暂时性死区”也意味着 typeof不再是一个百分之百安全的操作。

typeof x; // ReferenceError
let x;

作为比较,如果一个变量根本没有被声明,使用 typeof反而不会报错。

typeof undeclared_variable // "undefined"

“暂时性死区”报错的例子

// 示例一

function bar(x = 2, y = x) {
  return [x, y];
}
bar(); // [2, 2]


// 示例二

// 不报错
var x = x;

// 报错
let x = x;
// ReferenceError: x is not defined

 

4. 不允许重复声明

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

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

因此,不能在函数内部重新声明参数。

function func(arg) {
  let arg;
}
func() // 报错

function func(arg) {
  {
    let arg;
  }
}
func() // 不报错

 

posted @ 2021-02-24 09:23  Better-HTQ  阅读(73)  评论(0编辑  收藏  举报