javascript - javascriptのオブジェクトに関数を適用する

Question

初心者の質問ですが、頭を包み込むのに苦労しています。jqueryを使用すると、次のようなことができます。

$.each(array, testF); 

function testF(){
    console.log(this.name);  
}

$ .eachを使用して、配列を関数testFに渡し、配列の各行に含まれるオブジェクトにアクセスできます。しかし、私が次のようなことをしようとすると：

array[0].testF()

オブジェクトにメソッド'testF'がないことを示すエラーが表示されます。誰かがここで何が起こっているのか説明できるかどうか疑問に思っています...なぜjQueryが機能するのに、2番目は機能しないのか。繰り返しになりますが、初心者の質問を許してください。

score 4 · Accepted Answer

または、単純化できる引数を使用しないため、同等の$.each()機能がありますtestF.call(array[0], 0, array[0])testF.call(array[0])

のドキュメントについては、MDNを参照してください.call()。

score 2 · Accepted Answer

次のようにします。

testF.call( array[0] );

function メソッドを使用すると、関数呼び出しのcallコンテキスト (this値) を設定できます。そのため、カスタムコンテキストを使用して関数を呼び出したい場合は、の代わりにfn();を実行しますfn.call( context );。

score 1 · Accepted Answer

これは、オブジェクト array[0] に関数 testF がないためです。最初にそれを宣言する必要があります。そのようです：

array[0].testF = function testF()
{
    console.log(this.name);
}

array[0].testF();

score 1 · Accepted Answer

と書くarray[0].testF()と、これは次のことを意味します。

ただし、ほとんどの場合、array[0]には属性がtestF定義されていません。事前にこれを行う場合：

array[0].testF = testF;

それならうまくいくでしょう。

4 に答える 4