JavaScriptで、メソッドをコールバックとして渡す方法(コールバック関数でthisをbindさせる方法) · DQNEO日記

Home Subscribe var obj = { name : 'pikachu', say : function(){ alert('I am ' + this.name); } } setTimeout(obj.say, 1000); // => 'I am'とだけ表示される。 これは期待通りに動いてくれません。 コールバックとしてメソッドを渡した場合、それはオブジェクトと切り離された単なる関数(メソッドではない)となってしまうのです。 つまり下記と等価なのです。 setTimeout( function(){alert('I am ' + this.name);} , 1000); 関数がオブジェクトと切り離されているため、このthisはグローバルオブジェクト(windowオブジェクト)を指してしまっており、'I am'とだけ表示されます。 ではどうすればよいでしょうか？ bin

[monomoti]

へー。f = this.hogeみたいにしてたわ

[stealthinu]

MDNのbind実装をコピペするとIE8以前でもbindを使えるようになる模様。うむー…

[yoshiweb]

bind

[kihan]

ふむふむ、applyメソッド使うと、任意のオブジェクトを関数のthis値として設定できる！

[knmsyk]

関数の引数として関数を渡す(コールバックと呼ばれる)

[nengahagaki]

javascriptのsetTimeoutの使い方

[tiadeen2]

bindが自由に扱えると結構ヨサゲですね。MDNのライセンスはたぶんCreativeCommonsの表示-継承(CC BY-SA 2.5)ですかね。

[ghostbass]

function delegate (fnc,ctx){ return function(){ return fnc.apply(ctx,arguments); } }みたいなのを作る。YUIのイベントハンドラと同じ感じ、MS AJAXのFunction.createDelegateと同じ感じになると思う。ダメかな

[HHR]

へー。とりあえず「まとめ」みて。

[pipehead]

Function.prototype.bind