ES6学习－1 （let）

• 基本语法
  ES6新增了let命令，用来声明变量。它的用法类似于var，与var最大的区别是在使用的时候只在自己的代码块中起效。

{
  let a = 10;
  var b = 1;
}
a // ReferenceError: a is not defined.
b // 1

上面的代码对比得出，在相应的代码块中，let才会有值，反之var不会如此，ES5只有全局作用域和函数作用域，所以在此处的大括号就相当于是全局作用域，能够取到值。

let在一个大括号定义就只能在这个域中使用，这样的定义就适合在for循环中使用

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

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

这里就能对比出来var 和let区别，很有用。
在for循环中let还有区别for(父区域){子区域}

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

for循环中父区域和子区域中定义是相对独立的

• 不存在变量提升
  在之前的js版本中，如果变量在定义之前使用，会出现undefined形式，但是如果使用let就会直接报错

console.log(a);
var a = 10;  //undefined
console.log(s);
let s=20;  //出错

• 暂时性死区
  在一个代码快中使用let就会把变量绑定在该区域中

var tmp = 123;

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

上面的if代码块中使用了let定义，虽然在外部定义了tmp，但是在if代码内部使用了let，该变量就会绑定在代码块中，先赋值后定义就会报错。

• 不允许重复定义
  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; // 不报错
  }
}