es6（一）- let 和const

1、let

1、用法与var相同

2、let声明的变量，只在其代码块内有作用（块级作用域）

3、不存在变量提升，也就是说，变量必须在声明后才能使用，否则报错。这和var是有明显区别的

4、暂时性死区TDZ，在一个代码块内，变量声明前都属于变量的死区

5、相同作用域内，不允许重复声明

 

2、const

1、const声明的变量，必须初始化，且不可改变值

2、和let一样：变量不提示，同样存在暂时性死区，只在其声明块内有用，不可重复声明

本质：

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

const foo = {};

// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

上面代码中，常量foo储存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，即不能把foo指向另一个地址，但对象本身是可变的，所以依然可以为其添加新属性。

 

3、块级作用域

1.在es5中，没有块级作用域，可能出现的问题：

  1、内层变量会覆盖外层变量：

var tmp = new Date();

function f() {
  console.log(tmp);
  if (false) {
    var tmp = 'hello world';
  }
}

f(); // undefined

  2、用来计数的循环变量泄露为全局变量：

var s = 'hello';

for (var i = 0; i < s.length; i++) {
  console.log(s[i]);
}

console.log(i); // 5

 保留

4、ES6变量声明的6中方式

var function let const import class

5、顶层对象的属性

ES6中，var 和 function声明的全局变量，依旧是顶层对象的属性。但 let  const  class声明的全局变量，不属于顶层对象的属性

var a = 1;
// 如果在 Node 的 REPL 环境，可以写成 global.a
// 或者采用通用方法，写成 this.a
window.a // 1

let b = 1;
window.b // undefined

 

待续.... 

学习过程中的笔记，如有错误，欢迎指正

资料：阮一峰-ES6入门