es6——let和const学习

一、let命令

es6新增了let命令来声明变量，用法类似与var，但是声明的变量只在当前代码块有用

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

上述两段代码中输出的值分别是10和6;

出现这种情况的原因是第一段代码中的i是使用var声明的，在全局范围内都有效，在每一次循环中使用的i都是同一个i，改变的都是同一个i的值，当我们调用函数a[6]时循环早已执行完毕，这时i的值为10，故其实不止a[6]调用其他的输出的值也都是10；第二段代码中使用的let声明的i；当前i只在本轮循环有效，所以每一次循环的i其实都是一个新的变量；由于js引擎内部会记住上一轮循环的值，初始化本轮i的值时，就在上一轮循环的基础上进行计算。for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。

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

不存在变量提升，即在声明之前使用就会报错；

暂时性死区

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

var tmp = 123;

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

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

只要一进入当前作用域，所要使用的变量就已经存在了，但是不可获取，只有等到声明变量的那一行代码出现，才可以获取和使用该变量。

不允许重复声明

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

二、块级作用域

即使用let声明的变量在当前的{}的块内有用；

{{{{
  {let insane = 'Hello World'}
  console.log(insane); // 报错
}}}};

上面代码使用了一个五层的块级作用域，每一层都是一个单独的作用域。第四层作用域无法读取第五层作用域的内部变量。

内层作用域可以定义外层作用域的同名变量。

{{{{
  let insane = 'Hello World';
  {let insane = 'Hello World'}
}}}};

块级作用域与函数声明

对于es6浏览器

• 允许在块级作用域内声明函数。
• 函数声明类似于var，即会提升到全局作用域或函数作用域的头部。
• 同时，函数声明还会提升到所在的块级作用域的头部。

三、const命令

const命令用户声明一个只读常量。一旦声明这个值就不能改变。声明时必须赋值，否则就会报错；并且const也存在块级作用域。

本质：

const实际保证的时变量所指向的内存地址保存的数据不能变动；对于简单数据烈性，值就保存在变量指向的内存地址；但是对于引用数据烈性，变量指向的内存地址，保存的时指向实际数据的一个指针，只要保证这个指针是固定的，const就认为没有发生改变；但是指向的数据结构是否可变，就不能控制（即只要不把这个对象或者数组指向一个新的对象或数组，他就不会报错）

如果真的想将对象冻结，应该使用Object.freeze方法。

如果想将对象彻底冻结应该使用递归将属性也冻结

var constantize = (obj) => {
  Object.freeze(obj);
  Object.keys(obj).forEach( (key, i) => {
    if ( typeof obj[key] === 'object' ) {
      constantize( obj[key] );
    }
  });
};

es6声明变量的六种方法

ES5 只有两种声明变量的方法：var命令和function命令。ES6 除了添加let和const命令，后面章节还会提到，另外两种声明变量的方法：import命令和class命令。所以，ES6 一共有 6 种声明变量的方法。

四、顶层对象的属性

顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象。ES5 之中，顶层对象的属性与全局变量是等价的。

在ES6中var命令和function命令声明的全局变量，依旧是顶层对象的属性；另一方面规定，let命令、const命令、class命令声明的全局变量，不属于顶层对象的属