Этот контекст внутри класса

Question

Рассмотрим следующий класс и вызов foo метод: (jsFiddle: http://jsfiddle.net/dpvbd9LL/2/)

function MyClass() { 
    this.Prop = "Hello"; 
} 

MyClass.prototype.foo = function() { 
    var self = this; 
    $("<p>" + self.Prop + "</p>").appendTo("#result"); 
} 

function sampleMethod(callback) { 
    // do magic stuff 
    callback(); 
} 

function executeMethod() { 
    var myClass = new MyClass(); 
    sampleMethod(function() { 
     myClass.foo(); 
    }); 
    sampleMethod(myClass.foo); 
} 

(function() { 
    executeMethod(); 
})(); 

Выход:

Здравствуйте

неопределенными

Как вам может видеть, есть большая разница между вызовами:

sampleMethod(function() { 
    myClass.foo(); 
}); 

sampleMethod(myClass.foo); 

Почему это происходит? Как написать класс, чтобы предотвратить такую ​​ситуацию?

Answer 1

Это связано с тем, что sampleMethod (myClass.foo); передайте функцию myClass, но не в контексте класса, если вы протестируете текущий объект, вы увидите, что это окно, глобальное.

Если вы объявите sampleMethod в контексте объекта, вы можете сделать что-то подобное.

Answer 2

Вы можете решить эту проблему, передавая родительскую сферу анонимному функции палача, как это:

function sampleMethod(callback, scope) { 
    if(scope) scope[callback](); 
    else callback(); 
} 

function executeMethod() { 
    var myClass = new MyClass(); 
    sampleMethod(function() { 
     myClass.foo(); 
    }); 
    sampleMethod("foo", myClass); 
} 

Проблема заключается в том, что вы пытаетесь передать функции от -для sampleMethod- unexisting области. Поэтому, если вы пройдете оба, вы можете называть их так, как вам нужно.