Le mot-clé new

Fait partie de la section Programmation Orientée Objet du Journey JavaScript de Coddy — leçon 5 sur 56.

Le mot-clé new en JavaScript est utilisé pour créer des instances de fonctions constructeurs, qui servent de modèles pour la création d'objets.

Créez une fonction constructeur pour une Personne :

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.greet = function() {
    return "Hello, my name is " + this.name;
  };
}

Utilisez le mot-clé new pour créer une instance :

const john = new Person("John", 30);

Après l'exécution du code ci-dessus, john est un objet avec des propriétés et une méthode :

john.name est "John"
john.age est 30
john.greet() retourne "Hello, my name is John"

Sans le mot-clé new, this ferait référence à l'objet global (ou undefined en mode strict), et non à la nouvelle instance.

Défi

Créer un objet Car et afficher sa description

On vous donne une fonction constructeur qui crée des objets car. Votre tâche consiste à :

Créer un nouvel objet car en utilisant le mot-clé new, passez "Honda" comme nom et 2018 comme année
Appeler la méthode getDescription sur votre objet car
Afficher le résultat dans la console

Aide-mémoire

Le mot-clé new crée des instances de fonctions constructeurs, qui servent de modèles pour les objets.

Définissez une fonction constructeur :

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.greet = function() {
    return "Hello, my name is " + this.name;
  };
}

Créez une instance en utilisant new :

const john = new Person("John", 30);

Accédez aux propriétés et aux méthodes :

john.name // "John"
john.age // 30
john.greet() // "Hello, my name is John"

Sans new, this fait référence à l'objet global (ou undefined en mode strict) au lieu de la nouvelle instance.

Essayez vous-même

function Car(name, year) {
    this.name = name;
    this.year = year;
    
    this.getDescription = function() {
        return "This is a " + this.name + " from " + this.year;
    };
}

// À FAIRE : Créer un nouvel objet car en utilisant le mot-clé new, passer "Honda" comme nom et 2018 comme année

// À FAIRE : Appeler la méthode getDescription sur votre objet car et afficher le résultat dans la console