콜백 함수의 클래스 속성 액세스

Question

코드에 약간 문제가 있습니다. 여기있다 :

// We are in the constructor of my class 
this.socket.emit('getmap', {name: name}, function(data){ 
    this.mapData = data.map; 
    this.load(); 
}); 

문제는 mapData 속성이 설정 사실, this 네임 스페이스 소켓을 의미되지 않는 것입니다. 이 기능을 통해 this.mapData에 어떻게 액세스 할 수 있습니까?

그리고 내 나쁜 영어 죄송합니다 ...

Answer 1

this 개체에 대한 참조를 저장해야합니다. 콜백 내에서 this은 함수가 호출 된 객체를 나타냅니다.

// We are in the constructor of my class 
var self = this; 
this.socket.emit('getmap', {name: name}, function(data){ 
    self.mapData = data.map; 
    self.load(); 
}); 

Answer 2

당신은 자바 스크립트를 this의 가치를 결정하는 방법을 알고 있어야합니다. 사용하고있는 것과 같은 익명의 함수에서는 대개 웹상의 전역 네임 스페이스 또는 window 개체입니다. 어쨌든, 나는 당신이 클로저를 이용하고 생성자에서 변수를 사용하도록 제안 할 것이다.

// We are in the constructor of my class 
var _this = this; 
this.socket.emit('getmap', {name: name}, function(data){ 
    _this.mapData = data.map; 
    _this.load(); 
});