let和const命令

Posted 2020-10-05 这是你的后会无期

let命令

1.let用来声明变量，类似于var，但只在代码块内有效。

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

2.let命令只在块级作用域有效，所以很适合于for循环。

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

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

3.let命令不存在变量提升

众所周知，var命令存在变量提升。使得变量在声明之前就可以使用。

console.log(a); //undefined
var a = 1;

而let则会报错。

console.log(b); //ReferenceError: b is not defined
let b = 1;

4.暂时性死区

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

在代码块内，使用let命令声明变量之前，该变量是不可用的。这叫“暂时性死区”(简称：TDZ)

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

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

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

5.let不允许重复声明变量

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

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

不允许在函数内部从新声明参数

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

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

const命令

1.const声明一个只读的常量，一旦声明不可改变。同时const变量一旦声明，必须立即进行初始化，不能留在以后赋值

const PI = 3.1415926
PI = 3.2 //TypeError: Assignment to constant variable.

2.const与let命令一样，只在块级作用域内有效，不存在变量提升，存在暂时性死区

3.const本质

const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址不得改动。对于简单数据类型（数字，字符串，布尔值）,值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指针，const只能保证这个指针是固定的，至于它指向的数据结构是不是可变的，就完全不能控制了。

const student = {};
student.age = 18; //可以添加成功
console.log(student.age)

//将student指向另一个对象，则会报错
student = {};

参考资料

1.阮一峰《ES6入门》