Javascript_javascript スキルにおけるこのバインディングの概要

この具体的な値は、呼び出しモードによって異なります。
* メソッド呼び出しモード: これはオブジェクトにバインドされます。
* 関数呼び出しモード: これはグローバル オブジェクトにバインドされ、Web ページの場合はウィンドウにバインドされます。
* コンストラクター呼び出しモード: これは新しく生成されたオブジェクトにバインドされます。
* イベント処理呼び出しモードには 2 つのケースがあります。
* を参照してください。これはグローバル オブジェクトにバインドされています

コードをコピー コードは次のとおりです。

...
クリックしてください! >

* これは DOM オブジェクトにバインドされています

コードをコピー コードは次のとおりです:

function click_handler() {
alert(this); // ボタン DOM ノードに通知します
}
function addhandler () {
document.getElementById('thebutton').onclick = click_handler;




これの不確実性は、関数呼び出しのコンテキストの変更によって引き起こされます。このコンテキストをより明確にするために、call メソッドと apply メソッドを使用して、このバインディングの値を明確にすることができます。
call と apply の違いはパラメータのみです。call は任意のパラメータ リストを受け入れ、apply はパラメータ配列オブジェクトを受け入れます。これにより、apply が 2 番目の引数として引数を受け入れることもできます。

コードをコピー

コードは次のとおりです。 func.call(obj1,var1,var2) ,var3) func.apply(obj1, [var1,var2,var3])

func.apply(obj1, argument)

ただし、call メソッドと apply メソッドはすぐに実行されます。必要に応じて後で使用すると、次の例のように条件が満たされなくなります。呼び出しが使用されるかどうかに関係なく、13 行目と 14 行目で必要な値 (42) を取得できません。

コードをコピー

コードは次のとおりです: function BigComputer(answer) {

this.the_answer = Answer;

this.ask_question = function () {
alert(this.the_answer);
}
}
function addhandler() {
var deep_thought = new BigComputer(42),
the_button = document.getElementById('thebutton');
//the_button.onclick = deep_thought.ask_question; the_button.onclick = deep_thought.ask_question.call(deep_thought);
}
window.onload = addhandler;


これは、bind メソッドが登場するときです。 (このメソッドは ECMA-262 の第 5 版に追加されました)、初めてプロトタイプ フレームワークに登場しました (未確認)。 call や apply と同様、bind も関数実行のコンテキスト、つまり関数実行時の this の値を変更します。違いは、後で使用するために関数参照を返すという点です。その簡単な実装は次のとおりです。

コードをコピー

コードは次のとおりです。 Function.prototype.bind = function(object) { var method = this; return function() { method.apply(object, argument);

}

}


特定の実装では、返された関数参照が実行されるときに、関数参照の代わりにメソッドとオブジェクトのパラメーターにアクセスできます。 this を使用すると、元のメソッド値の代わりに、実行中にこれが再バインドされます。