308(4): デフォルトの名無しさん [sage] 2014/12/02(火) 13:27:53.03 ID:OQmm7jB2(1/3) AAS
jQueryにはbindに相当するものとして、$.proxyっていうのが有るのだけれど、
なんでbindがproxyという名前なのか昔から疑問だった。
prototypejsではbindという名前なのに。

最近その謎が解けた。それは変数にthisを代入すればいいから
bindは不要であるという話にもつながっていて、

例えば、>>293みたいなものは、bindで渡すべきじゃない。
なぜなら、getXは普通に考えると自分自身のxを返すという仕様であり、
外部から指定されるべきものじゃないから。

そして外部から指定するもの。例えばあるクラスにイベントハンドラを
設定するみたいなコード。そのイベントハンドラに匿名関数を渡すのではなく、
別のオブジェクトの関数を渡す時に、$.proxyを使ってオブジェクトをバインドする。
（普通は関数だけじゃなくてオブジェクトも指定する必要があるから）

バインドしたい時というのは、このように別のオブジェクトの関数への
プロキシとして使うことがほとんどだから$.proxyという名前なんだ。

293(12): デフォルトの名無しさん [sage] 2014/12/02(火) 03:15:02.67 ID:MjRXeq65(1/3) AAS
外部ﾘﾝｸ:developer.mozilla.org
初心者の JavaScript プログラマーがよくやる間違いは、
あるオブジェクトからメソッドを取り出し、後でその関数を呼び出すとき、
その内側の this 値が元のオブジェクトになると考えてしまうことです
（例えば、そのメソッドをコールバック関数に使うケース）。
特に配慮しなければ、元のオブジェクトは失われてしまいます
【訳注: 取り出した関数内の this としては使えなくなる】。
その関数に元々のオブジェクトを bind() して束縛された関数を生成すれば、
この問題をきちんと解決することができます：

var x = 9;
var module = {
x: 81,
getX: function() { return this.x; }
};

module.getX(); // 81

var getX = module.getX;
getX(); // 9, この場合 "this" はグローバルオブジェクトを参照するため

// 'this' を module に結びつけた新しい関数を生成
var boundGetX = getX.bind(module);
boundGetX(); // 81

336(1): デフォルトの名無しさん [sage] 2014/12/05(金) 07:50:03.86 ID:uibbdYqE(1) AAS
>>331
jQuery が bind 禁止している（してないけど）ように見えるのは
bind が jQuery 上の別の意味の bind と名前が被ってるから
別に native な javascript の bind を禁止している訳ではない

337(2): デフォルトの名無しさん [sage] 2014/12/05(金) 08:18:20.31 ID:+TXyzC2W(1/4) AAS
そしてbindがproxyという名前になっているのは、
通常bindしただけで終わることはなく、
関数呼び出しまで伴うから。

call、applyともに関数を呼び出す（または適用する）
bindだけだとthisをbindするだけの意味で終わるけど
proxyならある関数に処理を転送するという意味になる。

より適切な名前であるという話。

340(1): デフォルトの名無しさん [sage] 2014/12/05(金) 11:30:16.33 ID:yozkxrw8(1/2) AAS
>>331
その話は「bind禁止」じゃなくね

・大概の場面はbindじゃなくても出来る
・残りの限られた場面を表すものとしては、proxyのがしっくりくる

という話にしか読めんな