Maison > interface Web > js tutoriel > Fonctions constructeur ou fonctions d'usine : quand devez-vous utiliser chacune d'elles en JavaScript ?

Fonctions constructeur ou fonctions d'usine : quand devez-vous utiliser chacune d'elles en JavaScript ?

DDD
Libérer: 2024-11-17 12:15:04
original
785 Les gens l'ont consulté

Constructor vs. Factory Functions: When Should You Use Each in JavaScript?

Comprendre les fonctions de constructeur et d'usine en JavaScript

Les fonctions de constructeur et d'usine sont des concepts fondamentaux en JavaScript pour créer des objets. Ils servent à des fins différentes et présentent des avantages distincts selon les besoins.

Fonction constructeur

Une fonction constructeur est une fonction appelée avec le nouveau mot-clé. Cette invocation crée automatiquement un nouvel objet, définit le mot-clé this dans la fonction sur cet objet et renvoie l'objet.

Fonction d'usine

Contrairement aux fonctions de constructeur, les fonctions d'usine sont appelées comme des fonctions régulières. Cependant, elles sont considérées comme des usines si elles renvoient une nouvelle instance d'un objet. Cela se fait manuellement dans la fonction.

Quand utiliser chaque type de fonction

Fonctions du constructeur :

  • Préféré lorsque l'objet à créer a une structure et un comportement prédéfinis.
  • Utilise la propriété prototype pour ajouter des méthodes et des propriétés à tous les objets créés par le constructeur.

Fonctions d'usine :

  • Convient lorsque l'objet à créer peut varier en type ou en structure.
  • Offre une plus grande flexibilité en permettant une manipulation personnalisée de l'objet avant de le renvoyer.
  • Peut renvoyer des objets de différents types en fonction de paramètres.

Exemple

Voici un exemple illustrant les deux types de fonctions :

// Constructor Function
function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.greet = function() {
  console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
}

// Factory Function
function createPerson(type) {
  switch (type) {
    case 'adult':
      return { name: 'John', age: 30 };
    case 'child':
      return { name: 'Mary', age: 5 };
  }
}
Copier après la connexion

Dans cet exemple, la fonction constructeur Personne est utilisé pour créer des objets avec des propriétés de nom et d'âge prescrites, ainsi qu'une méthode greet. La fonction d'usine createPerson permet plus de flexibilité en renvoyant différents objets personne en fonction du paramètre de type.

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal