JavaScript .bind()方法简单测试

Question

我想测试 JavaScript .bind() 方法，但我做错了一些事情 - 值(通过引用传递)没有增加，仍然是 5...

这是我的代码:

function MyObject() {
  this.value = 5;
}

MyObject.prototype.add = function fn0() {
  return this.value++;
}

var ancestor = new MyObject();

function functionChanger(fnc, obj) {
 fnc.bind(obj);
}

functionChanger(ancestor.add, ancestor);

 

我想要实现的正确版本

function functionChanger(fnc) {
 fnc();
}

functionChanger(ancestor.add.bind(ancestor));

Answer 1

我想你想要call或apply :

function functionChanger(fnc, obj) {
    fnc.call(obj);
}
/* or */
function functionChanger(fnc, obj) {
    fnc.apply(obj);
}

请注意bind创建一个函数，因此您也可以使用(不推荐):

function functionChanger(fnc, obj) {
    fnc.bind(obj)();
}