Méthodes prototypes ou méthodes définies par le constructeur : quelle est la meilleure solution pour JavaScript ?

Avantages du prototype par rapport aux méthodes définies par le constructeur

Lors de la définition des méthodes en JavaScript, les développeurs peuvent choisir entre les implémenter en tant que méthodes prototypes ou déclarer directement dans le constructeur. Les deux approches ont leurs avantages :

Méthodes définies par prototype

• Changements universels : Les méthodes prototypes peuvent être mises à jour globalement pour toutes les instances de une classe, tandis que les méthodes définies par le constructeur nécessitent des mises à jour pour chaque instance individuellement.
• Performances améliorées : Les méthodes prototypes sont créées une seule fois et partagées par toutes les instances, réduisant ainsi la création répétitive de méthodes.

Exemple :

function Class() {}
Class.prototype.calc = function (a, b) {
  return a + b;
}

// Two instances share the same calc() method
var ins1 = new Class(),
    ins2 = new Class();
console.log(ins1.calc(1,1), ins2.calc(1,1)); // Outputs 2, 2

// Updating the prototype method affects both instances
Class.prototype.calc = function() {
  return Array.prototype.slice.apply(arguments).reduce((a, b) => a + b);
}
console.log(ins1.calc(1,1,1), ins2.calc(1,1,1)); // Outputs 3, 3

Cependant, les méthodes prototypes ne peuvent pas accéder aux variables privées définies à l'intérieur du constructeur.

Méthodes définies par le constructeur

• Accès aux variables privées : Les méthodes publiques définies dans le constructeur ont accès aux variables privées, contrairement aux méthodes prototypes.

Fonction vs. Déclaration de variable pour "Class"

Concernant le choix entre l'utilisation de littéraux de fonction (par exemple, var Class = function () {}) ou des déclarations de fonction (par exemple, function Class () {}), ce dernier est préféré car il permet de "lever" le nom de la fonction en haut de la portée, évitant ainsi les erreurs potentielles causées par l'appel de la fonction avant qu'elle n'ait été définie.

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!