Maison  >  Article  >  interface Web  >  Comment créer des objets en js

Comment créer des objets en js

下次还敢
下次还敢original
2024-05-07 20:15:30627parcourir

JavaScript offre plusieurs façons de créer des objets : Syntaxe littérale d'objet : utilisez des accolades pour définir les propriétés et les valeurs. new mot-clé : utilisez le constructeur pour initialiser et renvoyer des objets. Méthode Object.create() : hérite des propriétés et des méthodes d'un autre objet. Syntaxe de classe : déclarez des objets à l'aide de la classe et des constructeurs. Modèle d'usine : utilisez des fonctions pour créer des objets avec un code réutilisable et cohérent.

Comment créer des objets en js

Façons de créer des objets en JavaScript

JavaScript offre une variété de façons de créer des objets, chacune avec ses propres avantages et utilisations.

1.Syntaxe littérale d'objet

Le littéral d'objet est la méthode la plus couramment utilisée pour créer des objets. Il utilise des accolades ({}) pour définir les propriétés et les valeurs des objets.

<code class="js">let person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};</code>

2. nouveau mot-clé

nouveau mot-clé est utilisé pour créer des objets à l'aide de constructeurs. Un constructeur est une fonction qui initialise et renvoie un nouvel objet.

<code class="js">function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

let person = new Person("John Doe", 30, "Software Engineer");</code>

3. Méthode Object.create()

La méthode Object.create() crée un nouvel objet qui hérite des propriétés et des méthodes d'un autre objet.

<code class="js">let parentObject = {
  name: "Parent Object"
};

let childObject = Object.create(parentObject);

// 访问继承的属性
console.log(childObject.name); // 输出: "Parent Object"</code>

4. Syntaxe de classe

ES6 a introduit la syntaxe de classe, qui est une manière alternative de déclarer des objets. Les classes sont définies à l'aide du mot-clé class et utilisent des constructeurs en interne.

<code class="js">class Person {
  constructor(name, age, occupation) {
    this.name = name;
    this.age = age;
    this.occupation = occupation;
  }
}

let person = new Person("John Doe", 30, "Software Engineer");</code>

5. Modèle d'usine

Le modèle d'usine utilise des fonctions pour créer des objets. Cela permet de garder le code réutilisable et cohérent.

<code class="js">function createPerson(name, age, occupation) {
  return {
    name,
    age,
    occupation
  };
}

let person = createPerson("John Doe", 30, "Software Engineer");</code>

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!

Déclaration:
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