ES6特性：let 和 const命令

ES6新增let命令，用来声明变量。

（1）用法类似于var，但是let声明的变量，只在let所在的代码块内有效。

{
    var a=1;
    let b=2;
}
console.log(a);    // 1
console.log(b);    // 报错 b is not defined

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


for (var i = 0; i < 10; i++) {
  
}
console.log(i);    // 10

//变量i是var命令声明的，在全局范围内都有效，所以全局只有一个变量i
var a = [];
for (var i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 10

//变量i是let声明的，当前的i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量，所以最后输出的是6。
//JavaScript 引擎内部会记住上一轮循环的值，初始化本轮的变量i时，就在上一轮循环的基础上进行计算
var a = [];
for (let i = 0; i < 10; i++) {
  a[i] = function () {
    console.log(i);
  };
}
a[6](); // 6

for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

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

（2）不存在变量提升

var 命令存在'变量声明提升'，可以在声明之前使用；但是let 命令声明的变量必须在声明后使用，否则报错

// var 的情况
console.log(a); // undefined
var a = 2;

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

（3）暂时性死区

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

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

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

// 不报错
var x = x;

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

（4）不允许重复声明

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

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

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

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

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

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

const声明一个只读的常量。一旦声明，常量的值就不能改变。

const a = 1;
console.log(a)     // 1

a = 1;    //报错

（1）const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。

（2）const的作用域与let命令相同：只在声明所在的块级作用域内有效

（3）const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

（4）const声明的常量，也与let一样不可重复声明。

ES6特性：let 和 const命令

猜你喜欢