Maison > interface Web > js tutoriel > Mot clé &#nouveau&#

Mot clé &#nouveau&#

Barbara Streisand
Libérer: 2024-11-30 02:02:14
original
959 Les gens l'ont consulté

En JavaScript, le mot-clé 'new' crée une nouvelle instance d'un objet à partir d'une fonction constructeur.

Objectif du nouveau mot-clé :

  • Création d'objet.
  • Lien prototype.
  • Lier 'this' et renvoyer l'objet nouvellement créé.

Comment ça marche :

Lorsque vous utilisez le mot-clé new avec une fonction constructeur, les étapes suivantes sont exécutées :

  1. Un nouvel objet vide est créé.
  2. Le prototype du nouvel objet est défini sur le prototype de la fonction constructeur.
  3. La fonction constructeur est appelée sur le nouvel objet avec l'ensemble 'this'.
  4. Si le constructeur ne renvoie pas d'objet, l'objet nouvellement créé est renvoyé.

Exemple :

Voici un exemple de code concis qui démontre l'utilisation du mot-clé new en JavaScript, couvrant toutes les étapes essentielles impliquées dans la création d'objets, la liaison de prototypes et la liaison « this ».

// Step 1: Define a constructor function
function Car(make, model) {
    this.make = make; // Step 3: Bind properties to the new object
    this.model = model;
}

// Step 4: Add a method to the Car prototype
Car.prototype.getDetails = function() {
    return `${this.make} ${this.model}`;
};

// Step 2: Create a new instance of Car using the new keyword
const myCar = new Car('Toyota', 'Corolla');

// Using the method from the prototype
console.log(myCar.getDetails()); // Output: Toyota Corolla

// To demonstrate the prototype linkage
console.log(myCar instanceof Car); // Output: true

Copier après la connexion

Résumé

En résumé, le mot-clé new est indispensable pour la programmation orientée objet en JavaScript. Il permet la création de nouvelles instances d'objets, établit l'héritage du prototype, lie le contexte de celui-ci et gère le retour de l'objet créé. Comprendre comment fonctionne le nouveau est crucial pour utiliser efficacement les fonctions et les classes du constructeur 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!

source:dev.to
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal