Maison  >  Article  >  interface Web  >  Que fait le nouvel opérateur front-end ?

Que fait le nouvel opérateur front-end ?

DDD
DDDoriginal
2023-11-13 14:20:291246parcourir

L'opérateur new frontal crée une nouvelle instance d'objet. Étapes spécifiques : 1. Créez un objet JavaScript simple et vide ; 2. Pointez l'attribut "__proto__" de l'objet vide vers l'objet prototype du constructeur ; 3. Pointez le mot-clé this à l'intérieur du constructeur vers l'objet vide nouvellement créé ; , exécutez le code à l'intérieur du constructeur et ajoutez des propriétés et des méthodes au nouvel objet ; 5. Si le constructeur renvoie un objet, renvoyez cet objet, sinon renvoyez l'objet nouvellement créé, etc.

Que fait le nouvel opérateur front-end ?

Le système d'exploitation de ce tutoriel : système Windows 10, ordinateur Dell G3.

Dans le développement précédent, l'opérateur new était utilisé pour créer une nouvelle instance d'objet. Lors de l'utilisation de l'opérateur new, il effectue les étapes suivantes :

  1. Créez un objet JavaScript simple et vide (c'est-à-dire {}).

  2. Pointez l'attribut __proto__ de cet objet vide vers l'objet prototype du constructeur.

  3. Pointez le mot-clé this à l'intérieur du constructeur vers cet objet vide nouvellement créé.

  4. Exécutez le code à l'intérieur du constructeur pour ajouter des propriétés et des méthodes à ce nouvel objet.

  5. Si le constructeur renvoie un objet, renvoyez cet objet sinon, renvoyez cet objet nouvellement créé ;

Analysons ce processus en détail :

Créez un objet JavaScript simple vide : Cet objet vide deviendra l'objet instance à créer. Cet objet héritera des propriétés et méthodes de l'objet prototype du constructeur.

Pointez l'attribut __proto__ de cet objet vide vers l'objet prototype du constructeur : l'objet prototype est un objet qui contient des propriétés et des méthodes héritables. En JavaScript, chaque fonction possède un attribut prototype qui pointe vers son objet prototype. Lorsque nous utilisons l'opérateur new pour créer un objet, l'attribut __proto__ du nouvel objet pointe vers l'objet prototype du constructeur.

Pointez le mot-clé this à l'intérieur du constructeur vers cet objet vide nouvellement créé : à l'intérieur du constructeur, en utilisant le mot-clé this, nous pouvons ajouter des propriétés et des méthodes à ce nouvel objet. Le mot-clé this fait ici référence à l'objet d'instance en cours de création.

Exécutez le code à l'intérieur du constructeur pour ajouter des propriétés et des méthodes à ce nouvel objet : A l'intérieur du constructeur, nous pouvons ajouter des propriétés et des méthodes à ce nouvel objet afin de l'initialiser à l'état souhaité.

Si le constructeur renvoie un objet, renvoyez cet objet ; sinon, renvoyez l'objet nouvellement créé : s'il y a une instruction return à l'intérieur du constructeur et renvoyez un objet, renvoyez cet objet sinon, renvoyez le nouvel objet que vous venez de créer. Cela signifie que nous pouvons renvoyer un objet personnalisé à l'intérieur du constructeur, pas nécessairement l'objet pointé par celui-ci.

Lorsque nous utilisons l'opérateur new pour créer une instance d'objet, nous créons un objet vide et pointons son attribut __proto__ vers l'objet prototype du constructeur. Le code à l'intérieur du constructeur est ensuite exécuté pour ajouter des propriétés et des méthodes à ce nouvel objet. Enfin, s'il y a une instruction return dans le constructeur, l'objet spécifié est renvoyé ; sinon, l'objet nouvellement créé est renvoyé. De cette façon, nous pouvons utiliser le constructeur pour créer plusieurs objets d'instance, et ils peuvent tous partager les propriétés et les méthodes de l'objet prototype du constructeur.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn