자바 스크립트에서 괄호없이 함수 호출

Question

몇 주 전에 나는 자신의 .on ('click'.. 핸들러가있는 HTML DOM 객체에 버튼을 동적으로 추가 할 수 있었고 e.stopPropgation을 사용하여 새로운 자식을 중지 할 수있었습니다. 요소가 이벤트를 발생시키지 못하도록합니다.

내가 수행 한 이상한 일은 괄호없이 함수를 호출하는 것이 었습니다. 왜이 작업을했는지, 왜 작동하는지 또는 괄호를 첨부 할 때 작동하지 않는 이유는 알 수 없습니다. . 나는 우연에 의해 일을하고 있는지 알고하지 설계 (지금은 그것에 주석을 추가합니다)에

을이 같은 간다 :

//Container is the parent element 
// var buttons stores the buttons with class 'buttons' 
$('.container').on('click', function(){ 
    $(buttons).appendTo($(this)).fadeIn(500).find('.buttons').click(tableButton); 
}); 

function tableButton(e){ 
    e.stopPropagation(); 
    //do stuff 

} 

왜 arguements가없는 tableButton에 대한 호출을 작성했는지 또는 왜 완벽하게 작동하는지 알 수 없습니다. 문법을

.find('.buttons').on('click', function(e){ 
    tableButton(e); 
}); 

으로 변경하려고 시도했지만 더 이상 작동하지 않습니다.

도움을 주셨습니다.

Answer 1

당신이 클릭 핸들러에 함수를 전달하는 것이 아니라 그합니다 (()) 예 직접 함수를 호출하고 있기 때문에 의미가 있습니다

:

var testFunction = function(msg) { 
    alert(msg); 
} 

var functionCaller = function(functionToCall) { 
    functionToCall('hello!'); 
} 

functionCaller(testFunction); 

functionCaller가 testFunction에 메시지 인수를 (통과) (인수없이) functionCaller에 대해서만 testFunction을 전달합니다.

작동하지 않는 부분에 대해서는 tableButtons() 대신 함수 이름 tableButton()이 아닙니까?

당신은 실제로 그것을 호출하지 않는 당신이 그냥 그것을 받아들이는 인수를 선언 http://jsfiddle.net/g2PAn/

Answer 2

를 참조하십시오. 클릭 콜백은 실제로는 인수로 호출되지만 사용자는 호출하지 않습니다.

문제는 아마도 요소가 this로 구속 클릭 된와 jQuery를 당신은 다음과 같이 테이블 버튼을 부를 수, 함수를 호출한다는 사실에서 유래

:

.find('.buttons').on('click', function(e){ 
    tableButton.call(this, e); 
});