javascript - JQuery メソッド内で無名関数の「this」コンテキストを設定する

Question

特定のコンテキストを次のクリック バインド メソッドに渡したい:

$(document).ready(function(){

    var o = {
        name : 'I\'m object O'
    };

    $('#my-button').click(function(){
        alert(this.name);
    }.call(o));
});

問題は、ページが読み込まれるとすぐにこれがトリガーされることです。コンテキストをクリック ハンドラーの匿名関数にバインドし、クリック イベントが発生したときにのみトリガーする方法はありますか? また、クリック イベントではなく、ページの読み込み時にトリガーされた理由を説明できますか。

Answer 1

使用する$.proxy

$("#my-button").click($.proxy(function () {
   alert(this.name);
}, o));

Answer 2

宣言時にこの匿名関数を呼び出しているため、機能していません。代わりにこれを試してください：

$(document).ready(function(){

    var o = {
        name : 'I\'m object O'
    };

    $('#my-button').click(function(){
        function(){
            alert(this.name);
        }.call(o)
    });
    /*
     * Or shorter:
     * $('#my-button').click(function(){
     *     alert(o.name);
     * });
     */
});

Answer 3

$（document）.mousedown（function（e）{

//何かをする

}