JavaScriptで学ぶ関数型プログラミング

78

3 章　JavaScript における変数のスコープとクロージャ

によって決定されます。次の例を参照してください。

function globalThis() { return this; }

globalThis();

//=>

グローバルオブジェクト

おそらく

Window

globalThis.call('barnabas');

//=> 'barnabas'

†

globalThis.apply('orsulak', []);

//=> 'orsulak'

 そうです。

apply

や

call

を使うことによって

this

参照の値を直接操作することが

できるのです（図

3-5

）。つまり、

apply

や

call

の

1

つ目の引数として渡されたオブ

ジェクトがどんなものであれ、関数実行中の

this

参照はそのオブジェクトを指すと

いうことです。

jQuery

などのライブラリは、この動作を利用してコンテクストオブ

ジェクトやイベントターゲットを第一級関数に渡します。このように、

this

の動作を

理解した上で適切に対応できるのであれば、強力なテクニックとして利用できます。

しかし、それでも動的スコープは混乱の元となりえます。

図 3-5　Function#call メソッドを用いることにより、this 参照を任意の値に設定することができる

 この混乱は

this

参照が

call

や

apply

に渡されない場合や、

null

にバインドされる

場合には発生しません。加えて、

Underscore

は

_.bind

関数

††

を備えており、この関

†

訳注 このコードおよび次の ...