ECMAScript 学习笔记（2）--ES6新增let、箭头函数理解

   var a = [];

for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 输出10
用var i 并没有将i值锁定，数组a中每个成员中的i都是公用一个变量空间，所以最后i为10，a[1]()-----a[10]()输出均为10

   var a = [];

for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a[6](); // 输出6

用let i 会针对for每次循环的{ }块代码重新定义变量空间，js解释引擎会自动记录上次i值，所以a的每个成员的i值都是不一样的！

2、箭头函数使函数定义变得更简洁：

var f = () => 5;
// 等同于
var f = function () { return 5 };

var sum = (num1, num2) => num1 + num2;
// 等同于
var sum = function(num1, num2) {
return num1 + num2;
};

箭头前一般为传入参与，箭头后一般返回参数，没有传入参数可以用（），如果没有返回参数可以用{}把语句包含。

关于箭头函数有几个使用注意点：

（1）函数体内的this对象，就是定义时所在的对象，而不是使用时所在的对象。

（2）不可以当作构造函数，也就是说，不可以使用new命令，否则会抛出一个错误。

（3）不可以使用arguments对象，该对象在函数体内不存在。如果要用，可以用 rest 参数代替。

（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数。
先做个记录，有时间再分析

ECMAScript 学习笔记（2）--ES6新增let、箭头函数理解

原文：http://blog.51cto.com/13238147/2131532