js の call() と apply() を理解する

JavaScript を学習するとき、call() と apply() の使用法を理解するのはいつも難しいです。多くの友人が私と同じ考えを持っていると思います。今すぐお友達と共有してください。

call

構文: call([thisObj[,arg1[, arg2[, [,.argN]]]]])
定義: オブジェクトのメソッドを呼び出し、現在のオブジェクトを別のオブジェクトに置き換えます。

構文と定義を読んでも、まだ理解するのが難しいです。最初のパラメータは現在の操作のオブジェクトであり、次のパラメータは呼び出されるメソッドのパラメータです。まだ理解が難しいので、直接行きましょう。 コード:

function Teacher(name, age) {  //定义一个构造函数Teacher
    this.name = name;
    this.age = age;
    this.intro = function() {
        alert("My name is " + this.name + "," + "I'm " + this.age)
    }
}

function Student(name, age) {  //定义一个构造函数Student
    Teacher.call(this, name, age);  //Student调用了Teacher的方法
}
var studentA = new Student("Lily", 19); //实例化一个studentA,传入参数
studentA.intro(); //调用studentA的intro方法 输出：My name is Lily,I'm 19

上記の例では、studentA は Student コンストラクターの継承可能なメソッドをすべて継承する必要がありますが、Student 関数にはメソッドがありません。 、ただし Student はそれを呼び出し、いわば Teacher のメソッドを継承しているため、studentA にも intro() メソッドがあります。コードの 10 行目は、Teacher.call(this, name, age) という重要な役割を果たします。この文の機能は、現在のオブジェクトに別のオブジェクトのメソッドを呼び出すことです。ここでの this キーワードは Student() オブジェクトを指します。インスタンス化後、これは StudentA オブジェクトを参照し、次のパラメータは Teacher によって渡されるパラメータです。上記の例はあまり一般的ではないかもしれませんが、次のようなコードをよく見かけます。

var str="你好美女";
Array.prototype.join.call(str,"!");    //你!好!美!女

join メソッドは配列固有のメソッドであり、Array() コンストラクターのプロトタイプで定義されているメソッドなので、インスタンス化する配列は です。すべてこのメソッドを継承しますが、文字列 str には結合メソッドがありませんが、ここでは配列の結合メソッドを借用して文字列を処理します。 call の左側の式は借用したオブジェクトのメソッドで、call() の最初のパラメータ オブジェクトは call の左側にある Expression オブジェクトのメソッドを借用しています (理解できるかわかりませんが、だから私はそれで間に合わせます）。

apply

apply() メソッドは、渡されるパラメーターが異なることを除いて、call メソッドと同じ機能を持ちます。

構文: apply([thisObj[,argArray]])
定義: オブジェクトのメソッドを適用し、現在のオブジェクトを別のオブジェクトに置き換えます。

apply の最初のパラメータは call と同じで、2 番目のパラメータは配列オブジェクトです (配列のようなものも使用できます)。単一のパラメータ リストの形式でパラメータを渡すのではなく、すべてのパラメータを In に置きます。配列の場合は、それらを一緒に渡します。ここで、引数オブジェクトについて話さなければなりません。これはすべての関数に存在し、関数のすべての実際のパラメータで構成される配列のようなオブジェクトです。したがって、apply の 2 番目のパラメーターは引数オブジェクトに渡されます。次の例を見てください:

var arr=[2,3,12,5,234,199,21,1000,2432];
var max=Math.max.apply(Math,arr);
console.log(max); //2432

配列内の最大値を見つけるメソッドはありませんが、Math オブジェクトには最大値を見つけるための max があるため、apply メソッドを使用して配列に max( ) 配列内の最大値を見つけるための Math メソッド。上記と同じメソッドを call() メソッドで置き換えることもできますが、書くのが面倒で読みにくいです。コードは次のとおりです。 call と apply の基本的な使用法は次のとおりです。もちろん、これら 2 つの関数にはさらに多くの利点があります。専門家はさらに多くの利点を追加できます。

以上がjs の call() と apply() を理解するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。