使用新参数将函数重新绑定到最初绑定的对象

Question

是否可以重新绑定一个函数，使其绑定到原来的同一个对象，但接受不同的参数值？

比如……

// Object definition
function OriginalOwner(prop) { this.prop = prop; }
OriginalOwner.prototype.aFunc = function(arg) { return this.prop + arg; }

// Object instance
var owner = new OriginalOwner("Returned ");

// Example function bindings
var boundFunc = owner.aFunc.bind(owner);
var reboundFunc = boundFunc.bind(boundFunc.owner, "myArgument");

// Calling rebound function
console.log(reboundFunc()); // outputs "Returned myArgument"

Answer 1

如果您只想添加参数，您可以使用bind 来实现。您为第一个 bind 参数提供什么并不重要，因为当您在绑定函数上调用 bind 时它将被忽略（因此 null 是第一个参数的合理选择）。

因为第一个参数被忽略，您的原始代码将保持不变，但它会产生误导（boundFunc 没有owner 属性，所以boundFunc.owner 产生undefined）。但最好使用null 或其他方式，以免误读人们以后阅读代码。

唯一的变化是格式和缺少;，加上*** 行：

// Object definition
function OriginalOwner(prop) {
  this.prop = prop;
}
OriginalOwner.prototype.aFunc = function(arg) {
  return this.prop + arg;
};

// Object instance
var owner = new OriginalOwner("Returned ");

// Example function bindings
var boundFunc = owner.aFunc.bind(owner);
var reboundFunc = boundFunc.bind(null, "myArgument"); // ***

// Calling rebound function
console.log(reboundFunc()); // outputs "Returned myArgument"

起作用的原因是 bind 返回一个新函数，该函数将被我们提供的 this 调用 - 但我们调用它的绑定函数完全忽略了 @987654336 @ 你调用它，使用 it 绑定到它的那个。