Qu'est-ce qu'un motif
Je me préparais pour l'examen final il y a quelque temps. C'était tellement fatiguant et fatiguant, et je n'ai vraiment pas eu le temps de mettre à jour l'article. Aujourd'hui, je vais vous parler des modèles de conception en JavaScript.
Tout d'abord, ce que nous devons savoir, c'est : un modèle est une solution réutilisable, tandis qu'un anti-modèle est une mauvaise solution à un certain problème.
Exemples courants d'anti-modèles js
1. Passez des chaînes à setTimeout et setInterval au lieu des fonctions, ce qui déclenche l'utilisation interne de eval().
2. Définir un grand nombre de variables dans le contexte global pour polluer l'espace de noms global
3. Modifier le prototype de la classe Object
4. Utilisez js sous forme en ligne. Le code js intégré dans le fichier HTML ne peut pas être inclus dans les outils de tests unitaires externes.
5. Abuser de document.write. Si document.write est exécuté après le chargement de la page, il réécrira la page sur laquelle nous nous trouvons. Si vous pouvez utiliser document.creatElement à la place, essayez de ne pas utiliser document.write.
Catégories de modèles de conception
Modèle de conception créative
Les modèles de conception créatifs se concentrent sur la gestion des mécanismes de création d'objets pour créer des objets d'une manière appropriée à une situation donnée. Les propriétés qui entrent dans cette catégorie comprennent :
Constructeur, Usine, Abstrait, Prototype, Singleton et Builder
Modèle de conception structurelle
Les modèles structurels concernent la composition des objets et peuvent souvent être utilisés pour trouver des moyens simples d'établir des relations entre différents objets.
Les modèles qui entrent dans cette catégorie incluent :
Décorateur, Aspect Façade, Poids Mouche, Adaptateur Adaptateur et Agent Proxy
Modèles de conception comportementale
Les modèles comportementaux se concentrent sur l'amélioration ou la simplification de la communication entre les différents objets du système.
Les modèles de comportement incluent :
Itérateur, Médiateur, Observateur et Visiteur
Mode usine
Afin de résoudre le problème de plusieurs déclarations d'objets similaires, nous pouvons utiliser une méthode appelée modèle d'usine. Cette méthode consiste à résoudre le problème d'un grand nombre de duplications lors de l'instanciation d'objets.
Classification des modèles d'usine
Le mode Usine est divisé en usine simple, usine abstraite et usine intelligente ne nécessite pas explicitement l'utilisation d'un constructeur.Simple Factory Pattern : utilisez une classe (généralement un singleton) pour générer des instances.
Modèle de fabrique complexe : utilisez des sous-classes pour déterminer quelle instance de classe spécifique doit être une variable membre.
Avantages du modèle d'usine
Le principal avantage est que vous pouvez éliminer le couplage entre les objets en utilisant des méthodes d'ingénierie au lieu du nouveau mot-clé. Évitez la duplication de code en centralisant tout le code d’instanciation en un seul endroit.
Inconvénients du modèle d'usine
Le modèle d'usine résout le problème de l'instanciation répétée, mais il existe un autre problème, celui de l'identification, car il est impossible de déterminer de quel objet il s'agit.
Quand utiliser le patron d'usine ?
Le mode Usine est principalement utilisé dans les scénarios suivants :
1. Lorsque des objets ou des composants impliquent une grande complexité
2. Quand vous avez besoin de générer facilement différentes instances d'un objet selon différents environnements
3. Lorsqu'il s'agit de nombreux petits objets ou composants partageant les mêmes propriétés
Modèle de constructeur
Constructor (méthode constructeur) peut être utilisé dans ECMAScript pour créer des objets spécifiques. Ce mode peut simplement résoudre le problème selon lequel le mode usine ci-dessus ne peut pas identifier les instances d'objet.
L'utilisation de la méthode constructeur résout non seulement le problème de l'instanciation répétée, mais résout également le problème de la reconnaissance des objets. La différence entre ce mode et le mode usine est :
1. La méthode constructeur ne crée pas explicitement un objet (new Object()) ;
2. Attribuez directement des propriétés et des méthodes à cet objet ;
3. Il n’y a pas de déclaration de rente.
1. Le nom de la fonction et le nom du constructeur d'instanciation sont identiques et en majuscules (PS : ce n'est pas obligatoire, mais écrire de cette façon permet de distinguer le constructeur de la fonction ordinaire
) ;
2. Pour créer un objet via un constructeur, vous devez utiliser l'opérateur new.
Puisque les objets peuvent être créés via des constructeurs, d’où vient cet objet et où new Object() est-il exécuté ? Le processus d'exécution est le suivant :
2. Donnez la portée du constructeur au nouvel objet (c'est-à-dire l'objet créé par new Object()), et cela dans le corps de la fonction représente l'objet créé par new Object().
3. Exécutez le code dans le constructeur
4. Renvoyez le nouvel objet (retour directement en arrière-plan).
Constructeur avec prototype
Il existe un attribut appelé prototype en js. Après avoir appelé le constructeur js pour créer un objet, le nouvel objet aura toutes les propriétés du prototype du constructeur. De cette manière, plusieurs objets Car peuvent être créés et avoir accès au même prototype.