Javascript Girl
  1. Javascript Girl
  3. Pattern Singleton avec Browserify / CommonJS
Intereting Posts
Quelle est la solution de rechange pour Chrome pour le comportement incorrect de clientX et clientY de Android? Cacher le curseur de la souris en mode inactif en utilisant JavaScript Zoom css / javascript Sélectionnez Menu, allez sur url sur select avec JQuery? JS- Vérifiez si Point Inside A Polygon JavaScript / Jquery dans Visual Studio, Any Intellisense? Toute aide pour l'écriture? Comment créer une grille dynamique Javascript regexp replace, multiline Passer des valeurs d'une page à l'autre en JavaScript Marco Marco Grand illustrcome Marco Grand Champe Dawoop AjudetteNMdMMM DawoFMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM La menu déroulante jquery se ferme en cliquant sur l'extérieur Sharepoint 2013. Champ de recherche multivalue avec JavaScript Jumblez les mêmes objets consécutifs dans un tableau de sorte que le tableau de sortie ne comporte pas de valeurs consécutives. Javascript Comment personnaliser la méthode to_json dans rails3? Erreur "générer ENOENT" lors de la connexion à svn à partir de javascript

Pattern Singleton avec Browserify / CommonJS

Essayer de mettre en œuvre le modèle singleton dans les modules CommonJS, en utilisant Browserify. Jusque là:

// foo.js 

var instance = null; var Foo = function(){ if(instance){ return instance; } this.num = 0; return instance = new Foo(); } Foo.prototype.adder = function(){ this.num++; }; module.exports = Foo();

// main.js 

 var foo = require('./foo.js'); console.log(foo.num); // should be 0 foo.adder(); // should be 1 var bar = require('./foo.js'); console.log(bar.num); // like to think it'd be 1, not 0

Le premier problème est que je reçois une erreur de maximum call stack exceeded lorsque je charge le fichier JS intégré dans le navigateur, mais deuxièmement, est-ce que je m'approche correctement? Est-ce possible?

Le premier problème, c'est que je reçois une erreur d'erreur maximale dépassée

Eh bien, cela vient de votre fonction Foo appelant new Foo …

Mais deuxièmement, est-ce que je m'approche correctement?

Non. Pour les singletons, vous n'avez pas besoin d'une «classe» avec un constructeur et un prototype – il n'y aura qu'une seule instance. Créez simplement un objet, plus facilement avec un littéral, et renvoyez ceci: 

 module.exports = { num: 0, adder: function(){ this.num++; } };

Le résultat d'un appel requis est un singleton, qu'il s'agisse d'une instance singleton ou d'une fonction singleton ou d'une seule usine. En outre, un appel obligatoire doit être idempotent – les modules CommonJS mal écrits peuvent en être le cas, donc si un module CommonJS a un effet secondaire, cet effet secondaire devrait se produire une seule fois, peu importe combien de fois cela nécessite.

L'extrait de code que vous avez 

 if(instance){ return instance; } // ... return instance = new Foo();

Est un héritage des types de cercles que vous devriez sauter si vous utilisiez un ancien JavaScript simple pour créer des singletons. Il est totalement inutile lors de l'utilisation de CommonJS et, en plus, cela entraîne maximum call stack exceeded problème de maximum call stack exceeded .

Votre code pourrait être réécrit comme ceci: 

 var Foo = function(){ this.num = 0; } Foo.prototype.adder = function(){ this.num++; }; module.exports = new Foo();

Ou encore plus succinctement: 

 module.exports = { num: 0, adder: function(){ this.num++; } }

Parce que mettre la méthode adder sur le prototype ne vous procure aucune efficacité réelle si vous ne créez qu'une seule instance de Foo et que vous n'avez pas besoin de cacher quelque chose dans la fermeture.