ECMAScript 6（ES6） 特性概览和与ES5的比较2-let

1.块变量

let 块范围的变量（和常量）没有提升。（ES6中 let和const关键字定义的变量和常量不会被提升）。
ECMAScript 6

for (let i=0;i<a.length;i++) {
   let x = a[i];
   ...
}
for (let i=0;i<b.length;i++) {
   let y = b[i];
   ...
}
let callbacks = [];
for (let i=0;i<=2;i++) {
   callbacks[i] = function(){ rertun i*2 }
}
callbacks[0]() === 0;
callbacks[1]() === 2;
callbacks[2]() === 4;

ECMAScript 5

var i,x,y;
for (i=0; i<a.length; i++) {
   x = a[i];
   ...
}
for (i=0; i<b.length; i++) {
   y = b[i];
   ...
}
var callbacks = [];
for (var i = 0; i <=2; i++){
//因为变量提升的问题，立即执行才能得到上述ES6的效果
   (function (i) {
       callbacks[i] = function(){ return i*2; };
   })(i);
}
callbacks[0]() === 0;
callbacks[1]() === 2;
callbacks[2]() === 4;

2.块函数

块函数定义
ECMAScript 6

{
   function foo () { return 1}
   foo() ===1
   console.log(foo());
   {
      console.log(foo());
      function foo(){return 2}
      foo() ===2
      console.log(foo()); 
    }
    foo() ===1
    console.log(foo());
}
// 一个花括号就是一个独立的作用域，子作用域影响不到父作用域
//console.log（foo()）的值依次为1 2 2 1

ECMAScript 5

//仅在ES5中借助于块范围模拟函数作用域和函数表达式
(function(){
   var foo = function () {return 1};
   console.log(foo());//1
   foo() === 1;
  (function () {
     console.log(foo());//2
     var foo = function() {return 2;}
     console.log(foo());//3
     foo() === 2;
   })();
   foo() === 1;
   console.log(foo());//4
})()
//因为在第二个函数作用域内，在没有定义foo函数之前调用了，所以console.log(foo());//2
//会报错；去掉第二个console.log(foo())，打印出来的结果为1，2，1