Передача функции прототипа в качестве параметра без потери контекста this - PullRequest
Новая
       21

Передача функции прототипа в качестве параметра без потери контекста this

4 голосов
/ 23 декабря 2011

Я определяю ' класс ' в JavaScript с помощью прототипа.

При первом запуске func () он работает, но при втором вызове через setTimeout происходит сбой, поскольку в этот раз он потерял контекст объекта, т.е.больше не ссылается на объект, но теперь ссылается на window .

Есть ли способ, которым я могу преодолеть это, все еще используя прототип?или мне нужно вместо этого использовать замыкания для определения ' class '? 

function klass(){}

klass.prototype = {
  a: function() {
    console.log( "Hi" );
  },    
  func: function(){
    this.a();
    setTimeout( this.func, 100 );
  }
};

var x = new klass();
x.func();

Ответы [ 3 ]

7 голосов
/ 23 декабря 2011

Использование Function.prototype.bind: 

setTimeout( this.func.bind(this), 100 );

Из Сети разработчиков Mozilla:

https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Function/bind

if (!Function.prototype.bind) {  
  Function.prototype.bind = function (oThis) {  
    if (typeof this !== "function") {  
      // closest thing possible to the ECMAScript 5 internal IsCallable function  
      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");  
    }  

    var aArgs = Array.prototype.slice.call(arguments, 1),   
        fToBind = this,   
        fNOP = function () {},  
        fBound = function () {  
          return fToBind.apply(this instanceof fNOP  
                                 ? this  
                                 : oThis || window,  
                               aArgs.concat(Array.prototype.slice.call(arguments)));  
        };  

    fNOP.prototype = this.prototype;  
    fBound.prototype = new fNOP();  

    return fBound;  
  };  
}
3 голосов
/ 23 декабря 2011

Вы можете обернуть его в функцию: 

var self = this;  // reference the value of "this"

setTimeout( function() {self.func();}, 100 );
2 голосов
/ 23 декабря 2011

Используйте Function.prototype.bind или оберните ваш setTimeout обратный вызов в собственное закрытие: 

    func: function() {
        var self = this;
        self.a();
        setTimeout( function() {
            self.func();
        }, 100);
    }
...