JavaScriptでcall()とapply()

call()とapply()の使用方法とJavaScriptでのそれらの違いをご覧ください

call()とapply()は、JavaScriptが非常に特定のタスクを実行するために提供する2つの関数です。関数を呼び出し、その関数を設定します。this値。

私をチェックしてください「これ」ガイドこの特定の変数に関するすべての詳細を知るために

関数は使用できますthis多くの異なるユースケースの価値。問題は、それが環境によって与えられ、使用する場合を除いて外部から変更できないことですcall()またはapply()

これらのメソッドを使用する場合、次のように使用される追加のオブジェクトを渡すことができます。this呼び出された関数で。

これらの関数は同じことを実行しますが、違いがあります。にcall()関数パラメーターをパラメーターのコンマ区切りリストとして渡すことができ、必要な数のパラメーターを取得します。apply()パラメータを含む単一の配列を渡します。

const car = {
  brand: 'Ford',
  model: 'Fiesta'
}

const drive = function(from, to, kms) { console.log(Driving for </span><span style="color:#e6db74">${</span><span style="color:#a6e22e">kms</span><span style="color:#e6db74">}</span><span style="color:#e6db74"> kilometers from </span><span style="color:#e6db74">${</span><span style="color:#a6e22e">from</span><span style="color:#e6db74">}</span><span style="color:#e6db74"> to </span><span style="color:#e6db74">${</span><span style="color:#a6e22e">to</span><span style="color:#e6db74">}</span><span style="color:#e6db74"> with my car, a </span><span style="color:#e6db74">${</span><span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">brand</span><span style="color:#e6db74">}</span><span style="color:#e6db74"> </span><span style="color:#e6db74">${</span><span style="color:#66d9ef">this</span>.<span style="color:#a6e22e">model</span><span style="color:#e6db74">}</span><span style="color:#e6db74">) }

drive.call(car, ‘Milan’, ‘Rome’, 568) drive.apply(car, [‘Milan’, ‘Rome’, 568])

ご使用の際はご注意ください矢印関数 thisはバインドされていないため、このメソッドは通常の関数でのみ機能します。

私の無料ダウンロードJavaScriptビギナーズハンドブック


その他のjsチュートリアル: