Exemples Javascript décrit ici singleton la programmation orientée objet PRINCIPES ET DE MéTHODES.Partager vous pour votre référence, comme suit:

  1.Singleton Vue d''ensemble

  Pour Baidu Encyclopédie de la définition singleton:

  un moyen de modèle Singleton que seule une instance de.Singleton assurer qu''une seule instance d''une classe particulière, et d''instancier l''instance de l''ensemble du système et de fournir.Cette classe est appelée singleton.

  Dans le monde du javascript, en fait, il n''y a pas de définition stricte des objets et des classes, ? tout est un objet ? rend le javascript est un objet, non pas comme java, c ++ php ou utiliser une méthode spécifique pour retourner une instance pour obtenir, de sorte que le javascript, le nous voulons créer est un ? ne peut pas être instancié plusieurs fois ? objets, ce qui signifie que seul un objet est instancié.

  2.Simple singleton:

  Une seule instance d''un objet, il peut utiliser le ? littéral d''objet ? est défini moyen d''atteindre:

  var singleton = {

  attribut: '''',

  Méthode: function () {}

  }

  De tels objets définis de manière ne peuvent pas être utilisés pour générer de nouveaux objets supplémentaires singleton (prototype et attribut constructeur n''existe pas).

  3.singleton contient des membres privés:

  Si l''article écrit au sujet des membres de la classe avant vu, naturellement nous pouvons nous attendre à réaliser avec les fermetures, car l''utilisation de la fermeture, alors nous allons utiliser des fonctions et des valeurs de retour de la fonction, donc ce seul cas modes sont les suivants:

  var singleton = function () {

  var private_attribute = '''';

  functioin private_method () {}

  revenir {

  public_attribute: '''',

  public_method: function () {}

  };

  }

  Rappelez-vous le do fonction anonyme?Souvent utilisé lorsque les fermetures sont utilisées, les améliorations suivantes:

  var = singleton (function () {

  var private_attribute = '''';

  functioin private_method () {}

  revenir {

  public_attribute: '''',

  public_method: function () {}

  };

  }) ();

  4.Lazy chargement (chargement différé, le chargement paresseux) singleton

  2 et 3 pattern singleton est défini de la manière représentée dans les définitions créées singleton, ceci est une perte de mémoire, comment peut créer au moment de l''emploi (chargement paresseux, chargement différé pour d''autres images) il?Le soi-disant chargement paresseux, est de définir avant de créer un objet en un seul endroit, il est nécessaire d''utiliser la fonction, nous savons que dans Java ou PHP dans Singleton utilisent généralement une méthode statique pour créer le même ordre d''idées, nous allons l''améliorer fermé le format paquet formule de définition:

  var = singleton (function () {

  var unique,

  fonction getInstance () {

  si (!unique) {

  unique de construction = ();

  retour unique,

  }

  }

  construction de fonction () {

  var private_member;

  fonction private_method () {}

  return {// ceci est l''objet réel singleton

  public_member: '''',

  public_method: function () {}

  };

  }) ();

  Un tel appel singleton objet:

  singleton.getInstance ().publicMethod ();

  De cette fa?on que lorsque vous appelez une référence de la méthode ou la propriété va vraiment créer des objets uniques, il est temps d''utiliser trop de problèmes :)

  5.le style de codage simple, Mvc

  Soit dit en passant ici pour partager ce que j''écris js un style simple, mais js est un code de réception, mais lui-même, il peut aussi être divisé en mvc (modèle, contr?leur, vue, concept de mvc plaire baidu / google), de sorte que le code d''écriture d''une page, j''écrirait:

  // ce package de fonction

  contr?leur var = {

  Init: function () {}

  };

  // contenu de la page dans ce package

  var view = {

  table: {},

  bannière: {},

  pied: {}

  };

  // ce contenu de données encapsulées

  modèle var = {

  table_data: {}

  }

  Controoler appel lorsque le onload de la page.init (), l''achèvement de l''initialisation (chargement des données, le rendu des pages, des écouteurs d''événements, etc.), de sorte que le but est d''essayer d''écrire une partie de la même organisation logique ensemble, facile à trouver et modifier, actuellement seulement un prototype, je l''espère, après avoir lu ? javascript mode de conception ? peut écrire un modèle léger après le livre est sorti ^ _ ^

  amis intéressés peuvent utiliser le HTML en ligne / CSS / code JavaScript outil en cours d''exécution: http: // outils.jb51.net / code / HtmlJsRun code ci-dessus en cours d''exécution test effet.

  Plus de résultats associés sur les lecteurs intéressés JavaScript peuvent consulter la rubrique du site: ? tutoriel d''introduction orienté objet javascript ?, ? JavaScript erreur et de débogage Sommaire des compétences ?, JavaScript algorithme traversal ? résumé des compétences des structures de données JavaScript et algorithmes ?, ? et Sommaire des compétences ? et ? récapitulatif de l''utilisation des mathématiques JavaScript "

  Dans cet article, nous espérons que l''aide à la programmation JavaScript.

  Vous pouvez également être intéressé par l''article: design patterns javascript - théorie simple modèle d''usine et d''analyse sur des exemples d''application ? design patterns javascript, ? les notes d''étude de cinq: Javascript étude de cas Design Patterns JavaScript motif usine abstraite et définition de modèle d''usine et l''utilisation de l''usine modèle de programmation orienté objet analyse des modèles de conception JavaScript de modèle d''usine et le mode de construction ? design patterns javascript, ? les notes d''étude de sept: mode combiné programmation orientée objet Javascript détaillé ? design patterns javascript, ? les notes d''étude de quatre: la programmation orientée objet Javascript appels cha?nés Etude de cas ? conception javascript mode ? notes d''étude à deux: Javascript analyse de l''utilisation de l''héritage programmation orientée objet ? design patterns javascript, ? les notes d''étude: les membres de l''objet programmation orientée objet Javascript design patterns javascript analyse définis - principe et des exemples d''analyse des applications de modèle d''usine

? Design patterns Javascript, ? les notes d''étude de trois: principes de programmation orientée objet Javascript et mise en ?uvre Singleton méthode d''analyse de modèle

Recommend Article: