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

ES6箭头函数和与Function.prototype.bind绑定的函数之间有什么区别(如果有的话)?

在我看来,在ES6,下面的两个功能都非常接近相同的:

function () {
  return this;}.bind(this);() => {
  return this;};

最终结果看起来是一样的:箭头函数生成一个JavaScript函数对象,其this上下文绑定到与this创建它们的位置相同的值。

显然,在一般意义上,Function.prototype.bind它比箭头函数更灵活:它可以绑定到本地以外的值this,并且它可以this在任何时间点绑定任何函数,可能在最初创建之后很长时间。不过,我不问如何bind本身就是从箭头的功能不同,我问箭头的功能是如何从立即调用不同bind使用this

ES6中的两个结构之间是否有任何差异?



12345678_0001
浏览 984回答 3
3回答

幕布斯7119047

没有(重大)差异。嗯,好吧,这有点不成熟。箭头功能有三个独特的微小差异。箭头功能不能用于new。当然,这意味着它们没有prototype属性,不能用于创建具有经典灵感语法的对象。new (() => {}) // TypeError: () => {} is not a constructor这可能是最好的,但是new对于绑定函数来说,工作方式没有多大意义。箭头函数无权访问arguments普通JavaScript函数可以访问的特殊对象。(() => arguments)(1, 2, 3) // ReferenceError: arguments is not defined这可能是一个问题。据推测,这是为了消除JavaScript的其他奇怪之处。的arguments对象是自己的特殊兽,它有奇怪的行为,所以它并不奇怪,这是抛出。相反,ES6有splats,可以完成相同的事情,没有任何神奇的隐藏变量:((...args) => args)(1, 2, 3) // [1, 2, 3]箭头函数没有自己的new.target属性,它们使用new.target它们的封闭函数(如果存在)。这与删除箭头函数的“神奇”引入值的其他更改一致。new如上所述,考虑到箭头功能无论如何都不能使用,这种特别的变化是特别明显的。否则,箭头就像绑定函数一样,在语义上。箭头可能更有效,因为它们不需要携带额外的行李,因为它们不需要首先从普通功能转换,但它们的行为完全相同。

不负相思意

这是一个更微妙的区别:箭头函数可以在不使用'return'关键字的情况下返回值,方法是省略=>后面的{}括号。var f=x=>x;           console.log(f(3));  // 3var g=x=>{x};         console.log(g(3));  // undefinedvar h=function(x){x}; console.log(h(3));  // undefinedvar i=x=>{a:1};       console.log(i(3));  // undefinedvar j=x=>({a:1});     console.log(j(3));  // {a:1}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript