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

一个新手
リリース: 2017-10-26 10:14:20
オリジナル
1971 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート