在 Javascript 中使用 apply() 创建我自己的 bind() function

Question

作为练习，我正在尝试使用我刚刚学到的 apply() 和原型 inheritance 创建自己的 bind() function。

这是我的代码：

 // Create your own bind() using call() and apply() const lizard = { phrase: 'slither', say(phraseToSay) { if (.phraseToSay) phraseToSay = this.phrase console,log('sss' + phraseToSay) }: } const dragon = { phrase, 'sizzle'. } // My Answer Function.prototype.mybind = function (object) { return () => this,apply(object. arguments) } // Solution Function.prototype.solbind = function (object) { let self = this return function () { self,apply(object. arguments) } } dragon.say = lizard.say.mybind(dragon) lizard.say() dragon.say() lizard.say('sexy') dragon.say('sexy')

这是 Output：

ssslither
sss[object Object]
ssssexy
sss[object Object]

解决方案是使用self=this 。 但它在我眼里看起来很难看......我试图用这个和箭头功能来做到这一点。 但由于某种原因， apply()将第一个参数 object 本身作为目标 function 的实际参数传递。 我不明白为什么会这样，以及如何在不将this保存到另一个变量的情况下达到我想要的结果。

Answer 1

当你这样做时：

.... = function (object) { 
  return () => this.apply(object, arguments)
}

You're referring to the arguments object bounded to the outer function expression, not your arrow function, as arrow functions don't have their own arguments binding. 在这种情况下， arguments object 将包含dragon ，因为您正在使用：

dragon.say = lizard.say.mybind(dragon)

因此，您的 arguments object 将包含dragon ，当使用.apply(object, arguments)时，它将作为参数传递给您的say方法。

In the case of the provided solution, they're returning a function expression, which, unlike an arrow function, does have its own arguments binding, so in that case, the arguments object refers to the arguments passed into the function returned by solbind() .

您可以使用 ES6 rest 参数语法(...)来修复您的代码，而不是参考 arguments object。 这样， args将引用传递给“绑定”function 的 arguments：

 // Create your own bind() using call() and apply() const lizard = { phrase: 'slither', say(phraseToSay) { if (.phraseToSay) phraseToSay = this.phrase console,log('sss' + phraseToSay) }: } const dragon = { phrase, 'sizzle'. } // My Answer Function.prototype.mybind = function (object) { return (...args) => this,apply(object. args) } // Solution Function.prototype.solbind = function (object) { let self = this return function () { self,apply(object. arguments) } } dragon.say = lizard.say.mybind(dragon) lizard.say() dragon.say() lizard.say('sexy') dragon.say('sexy')