Explication détaillée de new() en Javascript

Comme d'autres langages de haut niveau, JavaScript possède également l'opérateur new Nous savons que l'opérateur new est utilisé pour instancier une classe et allouer un objet instance en mémoire. Mais en JavaScript, tout est un objet. Pourquoi devons-nous utiliser new pour générer des objets ? Cet article vous amènera à explorer le mystère du new en javascript...

Pour créer une nouvelle instance de Person, vous devez utiliser l'opérateur new.

Appeler le constructeur de cette manière passera en fait par les 4 étapes suivantes :

(1) Créer un nouvel objet

(2) Attribuez la portée du constructeur au nouvel objet (pour que cela pointe vers le nouvel objet)

(3) Exécutez le code dans le constructeur (pour ce nouvel objet) ; L'objet ajoute des attributs);

(4) Renvoie un nouvel objet.

nouvel opérateur

Après l'introduction des concepts de base ci-dessus et l'ajout du nouvel opérateur, nous pouvons compléter l'orientation traditionnelle. Les objets sont créés en utilisant la classe + la nouvelle méthode de l'objet. En JavaScript, nous appelons cette méthode pseudoclassique.

Sur la base de l'exemple ci-dessus, nous exécutons le code suivant

var obj = new Base();

Quel est le résultat de ce code, nous voyons dans le Moteur Javascript Le modèle objet est :

Que fait exactement le nouvel opérateur ? C'est en fait très simple, il fait trois choses.

var obj = {};
obj.__proto__ = Base.prototype;
Base.call(obj);

Dans la première ligne, on crée un objet obj vide

Dans la deuxième ligne, on change le __proto_ de cet objet vide object Le membre _ pointe vers l'objet membre prototype de l'objet fonction de base

Dans la troisième ligne, nous remplaçons le pointeur this de l'objet fonction de base par obj, puis appelons la fonction de base, nous attribuons donc une valeur à la variable membre obj object id, la valeur de cette variable membre est "base", en ce qui concerne l'utilisation de la fonction d'appel.

Quel sera l'effet si nous ajoutons quelques fonctions à l'objet Base.prototype ?

Par exemple, le code est le suivant :

Base.prototype.toString = function() {
 return this.id;
}

Ensuite, lorsque nous utilisons new pour créer un nouvel objet, selon les caractéristiques de __proto__, la méthode toString est également accessible en tant que méthode d'un nouvel objet. On voit donc :

Dans le constructeur, nous définissons les variables membres de la 'classe' (par exemple : id dans l'exemple), et dans le prototype de l'objet constructeur, nous définissons les méthodes publiques de la « classe ». Par conséquent, les effets des classes et de l'instanciation de classe sont simulés via des objets de fonction, les membres __proto__ et prototypes uniques de Javascript, ainsi que le nouvel opérateur.

Recommandations associées :

Explication détaillée du nouvel opérateur en JavaScript

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!