如何在Javascript中将对象的方法作为参数传递

Question

不知道如何正确地将对象的方法作为参数传递。

这是我的代码：

var MyTest = function (p1) {
  this.p1 = p1;
};
MyTest.prototype.getParam = function () {
  return this.p1;
};

function doAction(getParamCallback) {
  console.log(getParamCallback());
}

var mt = new MyTest(123);
console.log(mt.getParam()); // 123
doAction(mt.getParam);      // undefined

我发现正确传递方法的唯一方法是同时传递对象和方法并使用 call()：

function doAction2(obj, getParamCallback) {
  console.log(getParamCallback.call(obj));
}
doAction2(mt, mt.getParam);    // 123

有什么方法只需要传递方法，而不是方法和对象吗？

Answer 1

您还需要传递this 上下文。在提供的示例中，methos 在window 的上下文中被调用，而window 没有属性p1

使用.bind() 传递上下文。 bind 返回一个函数，该函数在稍后执行时将设置正确的上下文以调用原始函数。这样您就可以在异步回调和事件中维护上下文。[Reference]

试试这个：

var MyTest = function(p1) {
  this.p1 = p1;
};
MyTest.prototype.getParam = function() {
  return this.p1;
};

function doAction(getParamCallback) {
  alert(getParamCallback());
}

var mt = new MyTest(123);

doAction(mt.getParam.bind(mt));