let和const命令

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入门》

posted @ 2017-09-04 11:13  这是你的后会无期  阅读(161)  评论(0编辑  收藏  举报