자바 클로저 범위 지정 문제

Question

셀에 대한 참조를 가져 오는 중이고 null로 표시됩니다. 올바르게 이해한다면 변수를 참조 할 수 있어야합니다. 옳은?

$('td[someAttr]').mouseenter(function(cell) { 
    var timeoutId = setTimeout(function() { 
     // what should variable cell be? 
    }, 1000); 
}); 

또는

는

$('td[someAttr]').mouseenter(function(cell) { 
    var timeoutId = setTimeout(function() { 
     // what should variable cell be? 
    }, 1000, cell); 
}); 

UPDATE :이 분명했지만, 난이 질문하는 이유는이 당신이 가지고있는 경우 cell.pageX이 정의 될 수 있기 때문이었다

$('td[someAttr]').mouseenter(function() { 
    var cell = this; // 
    var timeoutId = setTimeout(function() { 
     alert(cell.pageX); // cell.pageX will return null 
    }, 1000); 
}); 

그러나, 너는 :

$('td[someAttr]').mouseenter(function(cell) { 
    alert(cell.pageX); // works fine as cell.pageX will have correct value. 
}); 

Answer 1

이벤트 핸들러의 컨텍스트는 이벤트를 트리거 한 요소로 설정됩니다.

$('td[someAttr]').mouseenter(function() { 
    var cell = this; 
    var timeoutId = setTimeout(function() { 
     alert(cell.tagName); 
    }, 1000); 
}); 

또한뿐만 아니라 jQuery를 객체로 포장 할 수 있습니다 : var cell = $(this);

UPDATE : 당신은 그것을 이런 식으로 얻을 수있는 첫 번째 인수는 이벤트 객체가 아닌 요소입니다. 요소 (이 예) 콜백의 컨텍스트로 설정하고 당신은 당신이 당신의 예에 있었던 정확하게 방법으로 이벤트 개체에 액세스 얻을 수 있습니다 :은 "셀"요소는 것을

$('td[someAttr]').mouseenter(function(event) { 
    var cell = this; 
    var timeoutId = setTimeout(function() { 
     alert(cell.tagName + ' ' + event.pageX); 
    }, 1000); 
}); 

주 "event.target"로 액세스 할 수 있습니다.