es6-let和const命令

最新推荐文章于 2022-03-12 18:27:31 发布

原创最新推荐文章于 2022-03-12 18:27:31 发布 · 233 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #let #const

es6 专栏收录该内容

6 篇文章

订阅专栏

本文深入探讨了JavaScript中let和const命令的特性与用法，包括块级作用域、变量提升、暂时性死区和重复声明的问题。通过具体示例说明了let与var的区别，以及const如何用于声明只读常量。

1.let语法

（1）let命令只在其代码块中有效
eg:

for(let i = 0;i <10; i++){
......
}
console.log(i);// ReferenceError: i is not defined

上面代码中i只在for循环体内有效，再循环体外引用就会报错。

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

上面代码中，变量i在全局范围内有效，所以全局就只有一个变量i，每次循环i的值就会改变，而赋给数组的函数中的i指向全局的i，导致运行时输出的是最后一轮的i的值，也就是10.

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

上面代码中，变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。

另外，for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。
（2）let不存在变量提升

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

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

（3）暂时性死区（temporal dead zone，简称 TDZ）

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

var tmp = 123;

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


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

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

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

因为暂时性死区报错：

// 不报错
var x = x;

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

（4）不允许重复声明
let不允许在相同作用域内，重复声明同一个变量。

2.const命令

（1）const声明一个只读的常量。一旦声明，常量的值就不能改变。
（2）const一旦声明变量，就必须立即初始化，不能留到以后赋值。
（3）const的作用域与let命令相同：只在声明所在的块级作用域内有效。
（4）const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。