发表文章

[最新] let命令

weixin43074337 2月前 1

let命令


let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。let不允许在相同作用域内,重复声明同一个变量。let适用于for循环.

{
  let a = 10
  var b = 1
}

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

var声明的变量都是全局变量,let则为局部变量

var a = []
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i)
  }
}
a[6]() // 10

以上代码for循环var换为let,则结果为6

变量提升问题

let不存在变量提升问题,而var存在

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

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

暂时性死区

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

var tmp = 123

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

上面代码中,存在全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp,导致后者绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。
所以,在代码块内,使用let(const)命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区”(简称TDZ)。

if (true) {
  // TDZ开始
  tmp = 'abc' // ReferenceError
  console.log(tmp) // ReferenceError

  let tmp
  // TDZ结束
  console.log(tmp) // undefined

  tmp = 123
  console.log(tmp) // 123
}

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

typeof x // ReferenceError
let x

上面代码中,变量x使用let命令声明,所以在声明之前,都属于x的“死区”,只要用到该变量就会报错。作为比较,如果一个变量根本没有被声明,使用typeof反而不会报错。

typeof undeclared_variable // "undefined"

一些隐蔽的死区

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

bar() // 报错

上面代码中,调用bar函数之所以报错(某些实现可能不报错),是因为参数x默认值等于另一个参数y,而此时y还没有声明,属于”死区“。如果y的默认值是x,就不会报错,因为此时x已经声明了。

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

下面代码报错,也是因为暂时性死区。使用let声明变量时,只要变量在还没有声明完成前使用,就会报错。

// 不报错
var x = x

// 报错
let x = x
// ReferenceError: x is not defined
相关推荐
最新评论 (0)
返回
发表文章
weixin43074337
文章数
4
评论数
0
注册排名
1370630