javascriptの - 私はこれが機能することを知っているコールバック

Question

に必要なのはなぜ匿名関数ラッパーの満足な説明を求めて：

$("#btn_1").click(function() { 
    alert("Btn 1 Clicked"); 
}); 

これはちょうど途中で警告ダイアログをポップアップ表示中：

$("#btn_1").click(alert("Btn 1 Clicked");); 

マイQは次のようになります。 2番目のケースでは、なぜ警告が実行される前にをクリックしても、をクリックしないでください。

Answer 1

関数を呼び出すと、引数がすぐに実行され、関数に渡すパラメータが提供されるためです。あなたが書くときに

var temp = arg; 
func(temp); 

：

$("#btn_1").click(alert("Btn 1 Clicked")); 

それはと同等です：

func(arg); 

はと等価であることは明らかである

var temp = alert("Btn 1 Clicked"); 
$("#btn_1").click(temp); 

、この形で、 0を呼び出す前にアラートが発生するを使用して、イベントのリスナーを追加します。

アクションを遅らせるには、引数として関数を指定する必要があります。関数定義自体は、コードの実行を引き起こさず、後で呼び出されるときにのみ実行されます（これはコールバックと呼ばれます）。

匿名関数である必要はありませんが、名前を付けることもできます。

function myAlert() { 
    alert("Btn 1 Clicked"); 
} 
$("#btn_1").click(myAlert); 

しかし、あなただけの.click()の引数として関数の名前を提供していることに注意してください、すぐにそれを呼び出しますので、あなたは、クリックイベントが発生するまで遅らせない、myAlert()を書いていません。

@Titusが述べたように、click()は、コールバックとして実行する必要があるため、その引数が関数であると想定しています。しかし、あなたは機能を返すために別の関数を呼び出すことができます。

function alerter(message) { 
    return function() { 
     alert(message); 
    } 
} 
$("#btn_1").click(alerter("Btn 1 Clicked")); 

お知らせalerter()ことが直接alert()を呼び出すことはありません、それが呼び出されたときにalert()を呼び出す別の関数を返します。上記のように、clickイベントがそのコールバックを実行するまでは起こりません。

Answer 2

は、ここで私が考えることができる最良の説明です：

var alertResult = alert('Btn 1 clicked'); 
button.addEventListener('click', alertResult); // say waaat? 
var alertFunction = function() { 
    alert('Btn 1 clicked'); 
}; 
button.addEventListener('click', alertFunction); // Yess! 

Answer 3

click(...)関数は、引数としての機能を期待し、あなたが機能を渡していない、あなたはそれを関数の結果を渡しています。

はこのことを考えてみましょう：func(1+2)はfuncメソッドの引数は3（結果）ない1 + 2（操作自体）になります。

Answer 4

My Q is：2番目のケースでは、アラートがクリックを待つのはなぜですか？ 実行前ですか？

あなたはこの関数を呼び出しています。

あなたはeventが発生したときに.bind()

$("#btn_1").click(alert.bind(window, "Btn 1 clicked"));