Comment le « nouveau » mot-clé fonctionne-t-il en JavaScript pour créer des objets et activer l'héritage ?

Plongez en profondeur dans le « nouveau » mot-clé en JavaScript : démystifier l'héritage

Le « nouveau » mot-clé en JavaScript laisse initialement perplexe les développeurs, surtout si l'on considère la réputation du langage comme étant non orienté objet. Explorons son objectif et le rôle complexe qu'il joue dans la création et l'héritage d'objets.

Que fait le « nouveau » mot-clé ?

Lorsqu'il est utilisé, le « nouveau » le mot-clé entreprend plusieurs tâches cruciales :

1. Crée un nouvel objet avec le type de "object."
2. Définit la propriété [[prototype]] interne et inaccessible de l'objet nouvellement créé à l'objet prototype externe et accessible de la fonction constructeur.
3. Attribue la variable this à l'objet nouvellement créé.
4. Exécuter la fonction constructeur avec l'objet nouvellement créé comme contexte pour 'this'.
5. Renvoyer le nouveau objet créé, à moins que la fonction constructeur ne spécifie une référence d'objet non nulle.

En termes simples, le mot-clé 'new' facilite la création et l'initialisation transparentes d'objets, ouvrant la voie à un héritage prototypique en JavaScript.

Quand utiliser le mot-clé « nouveau »

L'emploi du mot-clé « nouveau » est impératif lorsque vous devez :

• Initialiser un nouvel objet
• Définir le comportement et l'état d'un objet à l'aide de la fonction constructeur
• Établir la chaîne de prototypes de l'objet

Évitez d'utiliser le mot-clé « nouveau » si :

• Vous souhaitez pour créer un objet anonyme sans chaîne de prototype explicite
• Vous souhaitez renvoyer une valeur non-objet à partir de la fonction constructeur

Exemple d'héritage prototypique

Illustrons l'héritage prototypique à travers un exemple :

function ObjMaker() { this.a = 'first'; }
ObjMaker.prototype.b = 'second';
const obj1 = new ObjMaker();

Dans ce scénario, en utilisant le Mot-clé 'new' :

• Création d'un nouvel objet, obj1, et définition de sa propriété [[prototype]] sur ObjMaker.prototype.
• Définition de la propriété obj1 sur 'first'.
• Hérité de la propriété b d'ObjMaker.prototype, avec une valeur de 'seconde'.

Cela établit une hiérarchie où la chaîne de prototypes d'obj1 mène à ObjMaker.prototype, facilitant l'héritage des propriétés et des méthodes.

Conclusion

Le mot-clé « nouveau » joue un rôle central dans la création et l'héritage d'objets en JavaScript. Il permet l'initialisation d'objets, améliore la réutilisabilité du code et fournit un mécanisme complet d'héritage prototypique. En comprenant ses nuances, les développeurs peuvent exploiter ses capacités pour créer des applications JavaScript élégantes et maintenables.

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!