prototype.js의 익명 함수 안의 "this"에 관한 질문.

Question

나는이 문제에 대한 해결책을 찾기 위해 몇 시간을 조사해 왔습니다. prototype.js 1.6.0.1을 사용하여 테이블을 생성하고 .each 함수와 관련된 컨텍스트에서이 객체에 문제가 있습니다. 여기 snippit입니다.

var Table = Class.create({ 
    initialize : function(id) { 
    this.elmnt = $(id); 
    this.rows = []; 
    }, 
    initRows : function() { 
    $A(this._elmnt.tBodies).each(function(body) { 
     $A(body.rows).each(function(row) { 
     //right here is where i would like to call 
     // this.rows.push(row); 
     console.log(this); // prints DOMWindow 
     }); 
    }); 
    } 
}); 

이이 DOMWindow에 해결 번째 .each 함수 내부에서 볼 수 있듯이. this.rows.push(row)에 전화를 걸 수 있지만 "이"가 예상대로 해결되지 않아서 전화를 걸 수 없습니다.

도움을 주시면 감사하겠습니다. 나는 내가 표준 (i = 0; i < 길이; i ++) 루프를 수행 할 수 있음을 알고 있지만 이것을 좀 더 깔끔하게하려고 노력했다. 제공 할 수있는 모든 안내에 감사드립니다.

Answer 1

이 문제를 해결하는 가장 쉬운 방법은 initRows의 시작 this을 저장하고 each 기능

initRows : function() { 
    var self = this; 
    $A(this._elmnt.tBodies).each(function(body) { 
     $A(body.rows).each(function(row) { 
     //right here is where i would like to call 
     self.rows.push(row); 
     console.log(self); // prints DOMWindow 
     }); 
    }); 
    } 

당신이로 실행중인 문제는 this가 조작 할 수 있다는 것입니다 내에서 참조하는 것입니다 함수의 호출자. 콜백에서 매우 일반적인 것은 this을 콜백과 관련된 요소로 설정하는 것입니다. each의 경우 값의 현재 반복에 대한 요소로 설정됩니다.

self 트릭은 에 바인딩 된대로 this을 저장하고 반복에서 저장된 값을 사용하기 때문에 작동합니다.

Answer 2

initRows : function() { 
    $A(this._elmnt.tBodies).each(function(body) { 
     $A(body.rows).each((function(e, row) { 
      e.rows.push(row); 
      console.log(e); 
     }).bindAsEventListener(this, row)); 
    }); 
}