Le nouveau mot-clé en JavaScript


Nous avons parlé du fait que tout ce qui est en JavaScript est un objet. Il est donc essentiel de savoir comment créer de nouveaux objets ou de nouvelles exemples d’objets.

Vous pouvez créer un nouvel objet en JavaScript de deux manières :

const myObject = {
    name: "Parwinder",
    age: 33
};

console.log(myObject); // { name: 'Parwinder', age: 33 }

C’est ce qu’on appelle la notation littérale ou initialisateur d’objet

const myDate = new Date("06/01/2020");
console.log(myDate); // Mon Jun 01 2020 00:00:00 GMT-0500 (Central Daylight Time)

La deuxième méthode consiste à utiliser le new mot-clé. Ces deux façons de créer des objets créent un nouvelle instance d’un Object. Nous pouvons utiliser le new avec tout ce qui a un constructeur.

Des initialisateurs d’objets identiques ou des notations littérales créent des objets distincts qui ne se compareront pas entre eux comme étant égaux. Les objets sont créés comme si un appel à new Object() a été faite.

Création d’un objet de type personnalisé

Vous avez vu dans l’exemple de la date que j’ai créé une nouvelle instance de Date objet. new vous permet également de créer une nouvelle instance de tout objet personnalisé.

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

const myCar = new Car("BMW", "X5", 2015);
const igorCar = new Car("Tesla", "Model S", 2020);
const laurenCar = new Car("Ford", "Escape", 2015);

console.log(myCar); // Car { make: 'BMW', model: 'X5', year: 2015 }
console.log(igorCar); // Car { make: 'Tesla', model: 'Model S', year: 2020 }
console.log(laurenCar); // Car { make: 'Ford', model: 'Escape', year: 2015 }

console.log(typeof myCar); // object
console.log(myCar instanceof Car); // true

J’ai créé trois nouvelles instances distinctes de la Car avec leurs propriétés uniques de marque, de modèle et d’année. Comme il s’agit d’un objet, il n’est pas surprenant que le typeof fournit un objet comme sortie. Lorsque vous effectuez une vérification de l’instanceOf, elle revient vraie, par exemple, d’un Car car nous avons instancié ces variables objet à partir Car objet. Car l’objet agit comme le plan d’action ou le objet mère pour myCar, igorCar et laurenCar.

Que se passe-t-il lorsque j’utilise le nouveau mot-clé ?

Dans l’exemple ci-dessus, Car sera appelée une fonction de constructeur. Elle nous aide à construire des objets ayant des propriétés que nous avons définies.

Lorsque nous utilisons le new mot-clé, il passe par quatre étapes :

  1. Il crée un nouvel objet vide
  2. Il fixe le prototype de la propriété du nouvel objet vide à la propriété du prototype de la fonction du constructeur.
  3. Elle lie le bien/fonction déclaré avec this mot-clé du nouvel objet.
  4. Il renvoie l’objet nouvellement créé.

Pourquoi est-il important de connaître le nouveau mot-clé ?

Le new mot-clé, classes, objets, this La propriété et le prototype sont les fondements de la programmation orientée objet en JavaScript. Vous entendriez des POO ou de la programmation fonctionnelle en JavaScript. Aucun des deux n’est meilleur ou pire, mais il existe deux idéologies différentes sur la façon dont nous devrions écrire du code en JavaScript. La connaissance de ces principes peut vous faire prendre conscience du fonctionnement des deux styles de codage, de leurs avantages et de leurs inconvénients.

⭐Side note : Si vous vous souvenez que le type d’un Array est un objet, nous pouvons créer des Arrays en utilisant le new et héritent de toutes les méthodes que le constructeur Array supporte comme pop, push et unshift

Soyez le premier à commenter

Poster un Commentaire

Votre adresse de messagerie ne sera pas publiée.


*