Maison > interface Web > js tutoriel > Explication détaillée du mode JavaScript à colonne unique, de la définition du mode unique et du code d'application

Explication détaillée du mode JavaScript à colonne unique, de la définition du mode unique et du code d'application

伊谢尔伦
Libérer: 2017-07-24 14:01:23
original
1417 Les gens l'ont consulté

Mode unique :

Single est un objet utilisé pour diviser l'espace de noms et organiser un groupe de propriétés et de méthodes associées ensemble. S'il peut être instancié, alors il ne peut être instancié. une fois.

Caractéristiques :

peut diviser l'espace de noms pour éliminer les dangers causés par les variables globales.

Utilisez la technologie de branchement pour encapsuler les différences entre les navigateurs.

peut organiser le code dans une structure plus intégrée, le rendant plus facile à lire et à maintenir.

Implémentation du code :

/*Basic Singleton*/
var Singleton = {
  attribute:true,
  method1:function(){},
   method2:function(){}
};
Copier après la connexion

Scénario d'application :

Le mode unique est souvent utilisé dans nos applications quotidiennes, ce qui équivaut à encapsuler notre code dans Lorsqu'il est utilisé ensemble, une seule entrée est exposée, évitant ainsi la contamination de toutes les variables.

Modèle Singleton

Le modèle singleton définit le processus de création d'un objet. Cet objet n'a qu'une seule instance et y fournit un accès global. indiquer. On peut aussi dire qu'un singleton consiste à garantir qu'une classe n'a qu'une seule instance. La méthode d'implémentation consiste généralement à déterminer d'abord si l'instance existe, à la renvoyer directement, puis à la créer. renvoyez-le. Cela garantit qu’une classe n’a qu’un seul objet instance.

Implémentation du code :

Il existe de nombreuses façons d'implémenter des singletons. Une seule d'entre elles est présentée ci-dessous. Utilisez la méthode de fermeture pour implémenter les singletons.

var single = (function(){
  var unique;
  function getInstance(){
    // 如果该实例存在,则直接返回,否则就对其实例化
    if( unique === undefined ){
      unique = new Construct();
    }
    return unique;
  }
  function Construct(){
    // ... 生成单例的构造函数的代码
  }
  return {
    getInstance : getInstance
  }
})();
Copier après la connexion

Dans le code ci-dessus, unique est la référence à l'objet renvoyé et getInstance est la méthode statique pour obtenir l'instance. Construct est le constructeur qui crée une instance.

Vous pouvez obtenir une seule instance via single.getInstance(), et la même instance unique sera obtenue à chaque fois que vous l'appelez. C’est ce que réalise le modèle singleton.

Scénarios d'utilisation :

Le mode singleton est un mode couramment utilisé. Il existe certains objets dont nous n'avons souvent besoin que d'un seul, comme le cache global et l'objet fenêtre du navigateur. Dans le développement js, le modèle singleton est également largement utilisé. Imaginez, lorsque nous

cliquons sur le bouton de connexion, une boîte de connexion apparaîtra sur la page, et cette fenêtre flottante est unique. Peu importe le nombre de fois que nous cliquons sur le bouton de connexion, cette fenêtre flottante sera uniquement créée. une fois. . Par conséquent, cette fenêtre flottante de connexion convient au mode singleton.

Résumez ses scénarios d'utilisation :

1 Vous pouvez l'utiliser pour diviser l'espace de noms

2 Avec l'aide du mode singleton, le code peut être organisé de manière plus cohérente. . Facile à lire et à entretenir

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!

Étiquettes associées:
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