バインド、呼び出し、および適用方法を習得するためのJSラウンドアップ

JavaScriptバインド、コール、および応用を使用して、関数のこのポイントを制御します。 1.Bindは結合関数を作成し、プリセットパラメーターを作成できます。これは、イベント処理または転送機能のコンテキストを維持するのに適しています。 2.コールは機能をすぐに実行し、パラメーターを1つずつ渡します。これは、オブジェクトメソッドの借入に適しています。 3.適用は通話に似ていますが、配列の形式でパラメーターを渡します。これは、配列パラメーターや最大値/最小値の検索などのシナリオに適しています。

JavaScriptに飛び込んでいる場合は、 bind 、 call 、およびapply理解する必要があります。これらの方法では、機能でthis値を制御できます。これは、オブジェクトメソッドを扱うときや他のオブジェクトから関数を借用するときに非常に役立ちます。

それを分解しましょう。

Bindが行うこととそれをいつ使用するか

bindメソッドは、呼び出されると、 thisキーワードが特定の値に設定されている新しい関数を作成します。 call and applyは異なり、 bindすぐに関数を呼び出しません。バインドバージョンを返すだけです。

これは、関数を渡す必要があるが、それが正しいコンテキストで実行されることを確認する必要がある状況で便利です。一般的な例は、イベントハンドラーです。

 const user = {
  名前：「アレックス」、
  挨拶する（） {
    console.log（ `hello、$ {this.name}`）;
  }
};

const button = document.getElementById（ 'mybutton'）;
button.addeventlistener（ 'click'、user.greet.bind（user））;

バインディングなしでは、 this.name 、関数がオブジェクトとは別に渡されるとコンテキストが変更されるため、未定義になります。

bindで引数を事前に設定することもできます。このような：

関数乗算（a、b）{
  a * bを返します。
}

const double = multiply.bind（null、2）;
console.log（double（5））; // 10

ここでは、最初の引数を2に修正したため、 doubleが呼び出されるたびに、次に来る数字で2を乗算します。

即時の実行でコールがどのように機能するか

callメソッドを使用すると、 thisの値と個別に提供された引数を持つ関数を呼び出すことができます。

1つのオブジェクトからメソッドを借りて別のオブジェクトで使用したい場合に特に便利です。

 const cat = {
  サウンド： 'Meow！'、
  makeound（）{
    console.log（this.sound）;
  }
};

const dog = {
  サウンド：「ウーフ！」
};

cat.makesound.call（dog）; //出力：Woof！

この場合、 makeSound catに属していますが、私たちはそれを文脈としてdogと呼んでいます。

また、複数のパラメーターを期待する関数がある場合は、 call使用すると、次のことを可能にします。

関数logdata（name、age）{
  console.log（ `$ {name}は$ {age} yean gry.`）;
}

logdata.call（null、 'sam'、30）; 
//出力：SAMは30歳です。

最初の引数としてnullを使用することは、ここでthisコンテキストを気にしないことを意味します。

適用は通話のようなものですが、配列を使用します

callとapplyの主な違いは、彼らが議論をどのように受け入れるかです。 callコンマ区切りの値を取りますが、 apply一連の引数を取ります。

これは、複数のパラメーターを期待する関数を操作するときに役立ちますが、データはすでに配列にあります。

関数合計（a、b、c）{
  ABCを返します。
}

const numbers = [1、2、3];
console.log（sum.apply（null、numbers））; // 6

別の古典的なapplyケースは、組み込みの数学関数を使用してアレイで最大またはminを見つけたい場合です。

 const値= [10、5、8、12、3];
const max = math.max.apply（null、values）; // 12

ES6スプレッド構文（ ... ）が広くサポートされる前に、この種のタスクの頼りになるトリックがapplyました。

いつ選ぶの？

• プリセットthisおよび/または引数を使用して新しい関数を作成する場合は、 bindを使用します。
• 個々の引数を使用してすぐに関数を呼び出すときは、 call使用してください。
• 一連の引数を使用して関数を呼び出すときは、 apply使用してください。

もう少し簡単なヒント：

• 関数がそれに依存していない場合、 nullまたはundefined渡すことにより、 this設定することを無視できます。
• 矢印関数には独自の機能がないthis 、バインディングはそれらには機能しません。注意する必要があります。
• コールバックを扱っている場合、 bind多くの場合、コンテキストを維持するためにあなたの友人です。

それがその核心です。これらの方法は、機能動作をどのように調整するかに慣れたら強力です。あまり複雑ではありませんが、注意しないと誤用しやすいです。

以上がバインド、呼び出し、および適用方法を習得するためのJSラウンドアップの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。