Comment fonctionne le « nouveau » mot-clé en JavaScript ?

Comprendre le mot clé « nouveau » en JavaScript

Le concept d'utilisation de « nouveau » en JavaScript peut prêter à confusion, surtout si l'on considère le non-respect de JavaScript -caractère orienté objet. Pour clarifier, « nouveau » fonctionne des manières suivantes :

1. Création d'un nouvel objet :

• Il établit un nouvel objet, qui est fondamentalement un objet du type « objet ».

2. Définition du prototype :

• Il associe la propriété [[prototype]] inaccessible de l'objet nouvellement créé à la propriété prototype externe de la fonction constructeur. Cette relation d'héritage permet d'accéder aux propriétés définies dans le prototype du constructeur.

3. Liaison de la variable 'this' :

• Elle désigne la variable 'this' pour qu'elle pointe vers l'objet nouvellement créé, permettant un accès explicite à ses propriétés et méthodes au sein de la fonction constructeur.

4. Exécution du constructeur :

• Il exécute la fonction constructeur, en utilisant l'objet nouvellement créé comme contexte pour « ceci ».

5. Renvoi de l'objet :

• Après l'exécution, il renvoie l'objet nouvellement créé à moins que le constructeur ne renvoie explicitement un objet différent.

Utilisation du 'nouveau ' Mot-clé :

• Le scénario approprié pour utiliser « nouveau » est celui de l'instanciation d'objets, généralement lors de la création de classes. ou simuler un comportement orienté objet.
• Cela ne s'applique pas lors de la création manuelle d'objets à l'aide de littéraux d'objet ou de constructions hypothétiques.

Exemple :

function Constructor() {
  this.property = "value";
}

const object = new Constructor();

console.log(object.property); // "value"

Prototype Chaîne :

• Les objets créés avec 'new' ont une chaîne de prototypes.
• La propriété [[prototype]] du prototype du sous-objet pointe vers la propriété prototype de la fonction constructeur de base.
• Cette chaîne permet d'accéder aux propriétés héritées définies dans le prototype du constructeur de base.

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!