Les Objets en JavaScript

Différence entre Un Objet et La Fonction Constructeur

Les fonctions constructeur sont utiles lorsque vous souhaitez créer plusieurs objets similaires. Voici comment utiliser une fonction constructeur (voir article sur les constructeurs):

 
function Voiture(marque, modele, annee) {
  this.marque = marque;
  this.modele = modele;
  this.annee = annee;
  this.afficherInfo = function() {
    console.log(`${this.marque} ${this.modele}, ${this.annee}`);
  };
}

const maVoiture = new Voiture('Honda', 'Civic', 2022);
maVoiture.afficherInfo(); // Affiche "Honda Civic, 2022"

Manipulation des Objets

Les objets en JavaScript sont dynamiques. Vous pouvez ajouter, modifier ou supprimer des propriétés à tout moment. Cela vous offre une grande flexibilité pour gérer les données.

Ajouter et Modifier des Propriétés

Vous pouvez ajouter de nouvelles propriétés ou modifier les existantes en utilisant la notation par point ou la notation entre crochets.

 
delete voiture.couleur;
console.log(voiture);

 
function Animal(nom) {
  this.nom = nom;
}

Animal.prototype.manger = function() {
  console.log(`${this.nom} mange.`);
};

const chien = new Animal('Rex');
chien.manger(); // Affiche "Rex mange."

Autre façon de Création d’objet

Vous pouvez créer un objet en utilisant la notation littérale mais aussi avec Object.create() :

 
// Notation littérale
const personne = {
  nom: 'Marcelo',
  age: 40,
  saluer: function() {
    console.log(`Bonjour, je m'appelle ${this.nom}.`);
  }
};

// Utilisation de Object.create()
const prototypePersonne = {
  saluer: function() {
    console.log(`Bonjour, je m'appelle ${this.nom}.`);
  }
};

const personne2 = Object.create(prototypePersonne);
personne2.nom = 'Bob';
personne2.saluer(); // Affiche "Bonjour, je m'appelle Bob."

En Résumé

• Objet : Un objet est une collection de propriétés et méthodes. Il peut être créé directement avec une notation littérale ou via Object.create(). Les objets sont utilisés pour stocker et manipuler des données structurées.

• Constructeur : Un constructeur est une fonction spéciale utilisée pour créer et initialiser des objets avec des propriétés et des méthodes communes. Lorsqu’on appelle un constructeur avec le mot-clé new, il crée une nouvelle instance d’objet avec les propriétés et méthodes définies dans la fonction constructeur (voir article constructeur.

Les constructeurs vous permettent de créer des objets en masse avec une structure commune, tandis que les objets eux-mêmes peuvent être utilisés pour stocker et manipuler des données individuelles ou spécifiques.

Pour les développeurs qui veulent perfectionner leurs compétences en JavaScript, j’offre un bonus exclusif. Télécharge notre Guide gratuit « Avec plein de Secrets et d’astuces en JavaScript » pour découvrir des techniques et astuces supplémentaires qui amélioreront ton code et ton expertise.