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

时间:2015-12-29 05:55:00

标签: javascript function object parameter-passing

无法弄清楚如何正确地将对象的方法作为参数传递。

这是我的代码:

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

有没有办法只需要传递方法,而不是方法和对象?

1 个答案:

答案 0 :(得分:4)

  

您还需要传递this上下文。在提供的示例中,在window的上下文中调用了methos,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));