L'oprateur new

Exemple interactif

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}

const car1 = new Car("Eagle", "Talon TSi", 1993);

console.log(car1.make);
// Expected output: "Eagle"

Syntaxe

new constructeur[([arguments])];

Paramtres

constructeur

Une fonction ou une classe qui dfinit le type de l'objet qui sera une instance.

arguments

Une liste de valeurs correspondant aux arguments avec lesquels appeler le constructeur.

Description

La cration d'un objet personnalis se fait en deux tapes :

1. Dfinition du type d'objet en crivant une fonction.
2. Cration d'une instance de l'objet avec new.

Pour dfinir un type d'objet, crez une fonction pour ce type qui spcifie son nom, ses proprits et ses mthodes. Un objet peut avoir des proprits qui sont elles-mmes des objets, comme on pourra le voir dans les exemples ci-dessous.

Lorsque le code new Toto(...) est excut, voici ce qui se passe :

1. Un nouvel objet est cr qui hrite de Toto.prototype.
2. La fonction constructrice Toto est appele avec les arguments fournis, this tant li au nouvel objet cr. new Toto sera quivalent new Toto() (i.e. un appel sans argument).
3. L'objet renvoy par le constructeur devient le rsultat de l'expression qui contient new. Si le constructeur ne renvoie pas d'objet de faon explicite, l'objet cr l'tape 1 sera utilis. (En gnral, les constructeurs ne renvoient pas de valeurs mais si on souhaite surcharger le processus habituel, on peut utiliser cette valeur de retour).

Il est toujours possible d'ajouter une proprit un objet dfini prcdemment. Par exemple, l'instruction voiture1.couleur = "noir" ajoute une proprit couleur voiture1, et lui assigne une valeur : "noir". Cependant, ceci n'affecte aucunement les autres objets. Pour ajouter une nouvelle proprit tous les objets du mme type, cette proprit doit tre ajoute la dfinition du type d'objet Voiture.

Il est possible d'ajouter une proprit partage par tous les objets d'un type dj dfini auparavant en utilisant sa proprit Function.prototype. Ceci permet de dfinir une proprit partage par tous les objets crs avec cette fonction, plutt que simplement par une seule instance de ce type d'objet. Le code qui suit ajoute une proprit couleur avec la valeur "couleur standard" tous les objets de type Voiture, et redfinit ensuite cette valeur avec la chane "noir" uniquement pour l'instance d'objet voiture1. Pour plus d'informations, voir la page sur prototype.

function Voiture() {}
voiture1 = new Voiture();
voiture2 = new Voiture();

console.log(voiture1.couleur); // undefined

Voiture.prototype.couleur = "couleur standard";
console.log(voiture1.couleur); // couleur standard

voiture1.couleur = "noir";
console.log(voiture1.couleur); // noir

console.log(voiture1.__proto__.couleur); // couleur standard
console.log(voiture2.__proto__.couleur); // couleur standard
console.log(voiture1.couleur); // noir
console.log(voiture2.couleur); // couleur standard

Exemples

Exemple : type d'objet et instance d'objet

Supposons que vous vouliez crer un type d'objet pour les voitures. Vous voulez que ce type d'objet s'appelle Voiture, et qu'il ait des proprits pour la marque, le modle et l'anne. Pour ce faire, vous cririez la fonction suivante :

function Voiture(marque, modle, anne) {
  this.marque = marque;
  this.modle = modle;
  this.anne = anne;
}

prsent, vous pouvez crer un objet appel ma_voiture de la manire suivante :

ma_voiture = new Voiture("Volkswagen", "Golf TDi", 1997);

Cette instruction cre l'objet ma_voiture et assigne les valeurs spcifies ses proprits. La valeur de ma_voiture.marque est alors la chane "Volkswagen", celle de ma_voiture.anne est l'entier 1997, et ainsi de suite.

Il est possible de crer un nombre illimit d'objets Voiture en appelant new. Par exemple :

voiture_de_ken = new Voiture("Nissan", "300ZX", 1992);

Exemple : proprit d'objet qui est elle-mme un autre objet

Supposons que vous ayez dfini un objet appel Personne de la manire suivante :

function Personne(nom, age, surnom) {
  this.nom = nom;
  this.age = age;
  this.surnom = surnom;
}

Et que vous avez ensuite instanci deux nouveaux objets Personne de la manire suivante :

rand = new Personne("Rand McNally", 33, "Randy");
ken = new Personne("Ken Jones", 39, "Kenny");

Vous pouvez alors rcrire la dfinition de Voiture pour contenir une proprit propritaire qui reoit un objet Personne, comme ceci :

function Voiture(marque, modle, anne, propritaire) {
  this.marque = marque;
  this.modle = modle;
  this.anne = anne;
  this.propritaire = propritaire;
}

Pour instancier les nouveaux objets, vous utiliserez ensuite :

voiture1 = new Voiture("Volkswagen", "Golf TDi", 1997, rand);
voiture2 = new Voiture("Nissan", "300ZX", 1992, ken);

Plutt que de passer une chane littrale ou une valeur entire lors de la cration des nouveaux objets, les instructions ci-dessus utilisent les objets rand et ken comme paramtres pour les propritaires. Pour connatre le nom du propritaire de voiture2, on peut alors accder la proprit suivante :

voiture2.propritaire.nom;

Spcifications

Compatibilit des navigateurs

Voir aussi

• Function
• Reflect.construct()
• Object