Comprendre call() et apply() dans js

Lors de l'apprentissage de JavaScript, il est toujours difficile de comprendre l'utilisation de call() et apply(). Je pense que beaucoup d'amis ont la même idée que moi. Partagez-le maintenant avec vos amis.

call

Syntaxe : call([thisObj[,arg1[, arg2[, [,.argN]]]]])
Définition : Appeler une méthode objet pour remplacer l'objet actuel par un autre objet.

Après avoir lu la syntaxe et les définitions, il est encore difficile de comprendre. La fonction d'appel peut accepter plusieurs paramètres. Le premier paramètre est l'objet de l'opération en cours, et les paramètres suivants sont les paramètres de. la méthode appelée. C'est donc encore difficile à comprendre. Passons directement au code :

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

Dans l'exemple ci-dessus, studentA est instancié via le constructeur Student. Il doit hériter de toutes les méthodes héritables du Student. constructeur, mais nous voyons que la fonction Student n'a pas de méthode, mais Student l'appelle. On peut dire qu'elle hérite de la méthode Teacher, donc studentA a également la méthode intro(). La dixième ligne du code joue un rôle clé Teacher.call(this, name, age). La fonction de cette phrase est de faire en sorte que l'objet courant appelle la méthode d'un autre objet. Le mot-clé this fait ici référence à l'objet Student(). . Après l'instanciation, cela fait référence à l'objet studentA, et les paramètres suivants sont les paramètres transmis par Teacher. Peut-être que l'exemple ci-dessus n'est pas très courant, mais nous voyons souvent du code comme celui-ci :

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

La méthode join est une méthode propre aux tableaux. C'est une méthode définie dans le prototype du constructeur Array(). , donc Les tableaux que nous instancions héritent tous de cette méthode, mais la chaîne str n'a pas de méthode de jointure, mais ici nous empruntons la méthode de jointure du tableau pour traiter la chaîne. L'expression sur le côté gauche de l'appel est la méthode de l'objet emprunté, et le premier objet paramètre dans call() emprunte la méthode de l'objet expression sur le côté gauche de l'appel (je ne sais pas si je peux comprendre cela, donc je vais me contenter).

apply

La méthode apply() a la même fonction que la méthode call, sauf que les paramètres transmis sont différents.

Syntaxe : apply([thisObj[,argArray]])
Définition : Appliquer une méthode d'un objet et remplacer l'objet actuel par un autre objet.

Le premier paramètre de apply est identique à call, et le deuxième paramètre est un objet tableau (le type tableau peut également être utilisé). Il ne transmet plus de paramètres sous la forme d'un seul paramètre). list, mais placez tous les paramètres dans un tableau et transmettez-les ensemble. Ici, nous devons parler de l'objet arguments, qui existe dans chaque fonction et est un objet de type tableau composé de tous les paramètres réels de la fonction. Ainsi, le deuxième paramètre de apply est passé dans l’objet arguments. Regardez l'exemple suivant :

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

Il n'y a pas de méthode pour trouver la valeur maximale dans le tableau, mais il y a max dans l'objet Math pour trouver la valeur maximale, nous utilisons donc la méthode apply pour laisser le tableau hérite de la méthode max() de Math, afin de trouver Obtenez la valeur maximale dans le tableau. La même méthode ci-dessus peut également être remplacée par la méthode call(), mais elle est plus difficile à écrire et pas facile à lire. . Le code est :

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

L'utilisation la plus basique de call et apply C'est tout. Bien sûr, la beauté de ces deux fonctions est bien plus que cela.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!