ES6箭头函数和与Function.prototype.bind绑定的函数之间有什么区别？

Question

ES6箭头函数和与Function.prototype.bind绑定的函数之间有什么区别（如果有的话）？在我看来，在ES6，下面的两个功能都非常接近相同的：function () {   return this;}.bind(this);() => {   return this;};最终结果看起来是一样的：箭头函数生成一个JavaScript函数对象，其this上下文绑定到与this创建它们的位置相同的值。显然，在一般意义上，Function.prototype.bind它比箭头函数更灵活：它可以绑定到本地以外的值this，并且它可以this在任何时间点绑定任何函数，可能在最初创建之后很长时间。不过，我不问如何bind本身就是从箭头的功能不同，我问箭头的功能是如何从立即调用不同bind使用this。ES6中的两个结构之间是否有任何差异？

Answer 1

没有（重大）差异。

嗯，好吧，这有点不成熟。箭头功能有三个独特的微小差异。

1. 箭头功能不能用于new。

   当然，这意味着它们没有prototype属性，不能用于创建具有经典灵感语法的对象。

   new (() => {}) // TypeError: () => {} is not a constructor

   这可能是最好的，但是new对于绑定函数来说，工作方式没有多大意义。

2. 箭头函数无权访问arguments普通JavaScript函数可以访问的特殊对象。

   (() => arguments)(1, 2, 3) // ReferenceError: arguments is not defined

   这可能是一个问题。据推测，这是为了消除JavaScript的其他奇怪之处。的arguments对象是自己的特殊兽，它有奇怪的行为，所以它并不奇怪，这是抛出。

   相反，ES6有splats，可以完成相同的事情，没有任何神奇的隐藏变量：

   ((...args) => args)(1, 2, 3) // [1, 2, 3]

3. 箭头函数没有自己的new.target属性，它们使用new.target它们的封闭函数（如果存在）。

   这与删除箭头函数的“神奇”引入值的其他更改一致。new如上所述，考虑到箭头功能无论如何都不能使用，这种特别的变化是特别明显的。

否则，箭头就像绑定函数一样，在语义上。箭头可能更有效，因为它们不需要携带额外的行李，因为它们不需要首先从普通功能转换，但它们的行为完全相同。

Answer 2

这是一个更微妙的区别：

箭头函数可以在不使用'return'关键字的情况下返回值，方法是省略=>后面的{}括号。

var f=x=>x;           console.log(f(3));  // 3

var g=x=>{x};         console.log(g(3));  // undefined

var h=function(x){x}; console.log(h(3));  // undefined

var i=x=>{a:1};       console.log(i(3));  // undefined

var j=x=>({a:1});     console.log(j(3));  // {a:1}