Javascript関数を呼び出すとき、どのようにカスタム値 "this"を設定しますか？

Question

私はjQueryを使用していますが、イベントコールバックとして機能する関数を持っています。その関数では、 "this"はイベントをキャプチャしたオブジェクトを表します。しかし、別の関数から関数を明示的に呼び出す場合があります。この場合、関数内で "this"が等しくなるように設定するにはどうすればよいですか？例えば

：

function doStuff(el) { 
    $(el).removeClass("sad").addClass("happy"); 
} 

function handleEvent(event) { 
    doStuff(this); 
} 

$("a.sad").click(handleEvent); // in this case, "this" is the anchor clicked 

function differentEvent(event) { 
    $("input.sad").keydown(e) { 
     doSomeOtherProcessing(); 
     doStuff(this); 
    } 
} 

Answer 1

使用applycall：

function handleEvent(event) { 
    $(this).removeClass("sad").addClass("happy"); 
} 

$("a.sad").click(handleEvent); // in this case, "this" is the anchor clicked 

function differentEvent(event) { 
    $("input.sad").keydown(e) { 
     doSomeOtherProcessing(); 
     handleEvent(e); // in this case, "this" will be the window object 
         // but I'd like to set it to be, say, the input in question 
    } 
} 

Answer 2

ちょうどあなたが興味を持っている機能をパラメータ化。

handleEvent.call(this, e); 

Answer 3

使用

e.target 

Answer 4

私はjQueryのプラグインとして使用するリファクタリングあなたの関数のアドバイスと思います。

handleEvent.apply(this,e) //transfers this from one scope, to another 

Answer 5

あなたは、単にそれが正常にトリガされていたかのように単一のイベントハンドラを呼び出すために探しているなら、apply/call正常に動作します：

しかし、ここでは簡単な修正です。私はそれが好き...

function differentEvent(event) { 
    $("input.sad").keydown(e) { 
     doSomeOtherProcessing(); 
     $(this).click(); // simulate a click 
    } 
}