普通函数和箭头函数的区别

箭头函数是匿名函数，不能作为构造函数，不能使用new

let a = () => { console.log(1) }
a()
new a()    // TypeError: a is not a constructor

箭头函数不绑定arguments（用于指向调用者传入的所有参数），取而代之用rest参数...解决

function A(a, b, c, d) {
  console.log(arguments); // [1, 2, 3, 4, callee: ƒ, Symbol(Symbol.iterator): ƒ]
}
A(1, 2, 3, 4)

let B = (...r) => {
  console.log(r); // [5, 6, 7]
}
B(5, 6, 7)

this的作用域不同

var obj = {
  name: 'HS',
  sayName: function () {
    console.log(this.name);
  }
}

var name = 'Window';
var obj1 = {
  name: 'HH',
  sayName: () => {
    console.log(this.name);
  }
}

obj.sayName(); // HS
obj1.sayName(); // Window

箭头函数没有原型属性

var a = () => { return 1; }
function b() { return 2; }
console.log(a.prototype);  // undefined
console.log(b.prototype);  // {constructor: ƒ}