Class.create 내의 'each'에서 'this'에 액세스 할 수 없습니다.

Question

다음 코드 스 니펫이 있습니다. 나는 각각 안에 '이'에 접근 할 수 없기 때문에 혼란 스럽다.

사용 된 자바 스크립트 라이브러리는 프로토 타입입니다.

MyClass = Class.create({ 

    initialize : function(options) { 

    this.testmsg = 'Hi!'; 
    alert(this.testmsg); // Here it is 'Hi!' 

    var elements = $$('img'); 

    elements.each(function(element) { 
     alert(this.testmsg); // Here it is 'undefined', even though I bind 'this' 
    }).bind(this); 

    } 
}); 

내가 끔찍하게 잘못 일을 할 수도 있지만 난 그냥 그게 뭔지 알아낼 수 없습니다.

'class.create'를 사용하는 동안 어떻게 'testmsg'에 액세스 할 수 있습니까?

Answer 1

XD ... 작은 (그러나 중요한) 실수를.

elements.each(function(element) { 
     alert(this.testmsg); // Here it is 'undefined', even though I bind 'this' 
    }.bind(this)); 

당신은 내부 기능,

는 행운이

Answer 2

클로저가 가리키는 점은 jquery 객체라고 생각합니다.

솔루션은 var에 this를 저장하는 것입니다 :

MyClass = Class.create({ 

    initialize : function(options) { 

    this.testmsg = 'Hi!'; 
    var that = this; 
    alert(this.testmsg); // Here it is 'Hi!' 

    var elements = $$('img'); 

    elements.each(function(element) { 
     alert(that.testmsg); // Here it is 'undefined', even though I bind 'this' 
    }).bind(that); 

    } 
}); 

Answer 3

이 때문에 각 루프에서 요소에 대한 귀하의 경우이 referrs.

당신이 당신의 클래스 조금 변경하여이 문제를 해결할 수 있습니다 (테스트되지 않음) :

MyClass = function(){ 
    var that = this; 
    this.testmsg = 'Hi!'; 
    alert(this.testmsg); // Here it is 'Hi!' 

    elements.each(function(element) { 
     alert(that.testmsg); // Here it is 'Hi!' 
    }); 
} 

Answer 4

당신은 당신의 initialize 기능의 정상에 this을 참조하는 변수 self을 만들어이 문제를 해결할 수없는 각각의 기능을 결합해야합니다. 내가 프로토 타입이 아닌 jQuery를 사용하고

MyClass = Class.create({ 
    initialize : function(options) { 
     var self = this; // Create a reference to 'this' 

     this.testmsg = 'Hi!'; 

     elements.each(function(element) { 
      alert(self.testmsg); 
     }); 
    } 
});