| 比较点 | 普通函数 | 箭头函数 |
|---|---|---|
| 简写 | 箭头函数如果没有参数，同时函数体的返回值只有一句，则{}和return都可以省略。 | |
| this指向 | this总是指向调用它的对象，如果作为构造函数，它指向创建的对象实例 | 箭头函数的this指向的是父级作用域的this，是通过查找作用域链来确定 this 的值，也就是说看的是上下文的this，指向的是定义它的对象，而不是使用时所在的对象。 |
| this改变 | call()、apply()、bind()等方法能改函数中this的指向 | call()、apply()、bind()等方法不能改变箭头函数中this的指向 |
| 构造函数 | 可以作为构造函数，用来创建对象实例 | 箭头函数不能作为构造函数使用 |
| arguments对象 | 每一个普通函数调用后都具有一个arguments对象，用来存储实际传递的参数。 | 箭头函数没有自己的arguments,取而代之用rest（剩余）参数…arg来解决 |
| prototype原型 | 具有prototype | 没有prototype原型 |
// 1、普通函数中的arguments正确使用：
function foo(n) {
// 隐式绑定 foo函数的参数 与 arguments对象.
// arguments[0] 表示传给foo函数的第一个参数，也就是n
var f = () => arguments[0] + n;
return f();
}
foo(1); // 2
foo(3); // 6
foo(3, 2);//6
// 2、箭头函数中无法使用arguments
// ReferenceError: arguments is not defined
var func = (a, b) => {
return arguments[0];
}
var Foo = () => {};
console.log(Foo.prototype); // undefined
箭头函数没有this，不能用作构造函数，也就无法使用 new
var Foo = () => {};
var foo = new Foo(); // TypeError: Foo is not a constructor
普通函数、对象方法中的this，都是在运行时定义。
普通函数的this 等于 undefined，无法调用；
对象方法的this，指向对象本身。
箭头函数，不会定义自己的this，它只会继承自己上一层作用域的this。