Introduction au modèle de méthode d'usine des modèles de conception JavaScript-js tutoriel-php.cn

Introduction au modèle de méthode d'usine des modèles de conception JavaScript

PHPz

Libérer： 2018-09-30 09:06:47

original

1493 Les gens l'ont consulté

Cet article présente principalement l'introduction du modèle de méthode d'usine dans les modèles de conception JavaScript. Cet article explique le modèle d'usine simple, les modèles de méthodes d'usine multiples, etc. Les amis dans le besoin peuvent s'y référer

1. Modèle d'usine simple

Explication : Il s'agit de créer une classe d'usine, qui implémente la création de classes d'implémentation pour la même interface.

Mais il semble que JavaScript n'ait pas d'interface, nous supprimons donc la couche d'interface ; bien sûr, les variables et méthodes membres de notre classe d'implémentation devraient être les mêmes ; >Par exemple : Voici des exemples d'envoi de SMS et d'envoi d'e-mails ;

1 Classe d'envoi d'e-mails [implémentation]

2. 🎜>

function MailSender() {    
this.to = &#39;&#39;;    
this.title = &#39;&#39;;    
this.content = &#39;&#39;;
}
MailSender.prototype.send = function() {    
//send body
}

Copier après la connexion

3. Créez une classe d'usine :

function SmsSender() {
    this.to = &#39;&#39;;
    this.title = &#39;&#39;;
    this.content = &#39;&#39;;
}

SmsSender.prototype.send = function() {
    //send body
}

Copier après la connexion

4. Utilisez cette classe d'usine :

function SendFactory() {
    this.sender = null;
}

SendFactory.prototype.produce = function(type) {
    var me = this;
    if (type == &#39;mail&#39;) {
        me.sender = new MailSender();
    } else if (type == &#39;sms&#39;) {
        me.sender = new SmsSender();
    }
　　 return me.sender;
}

Copier après la connexion

2. 🎜>

Explication : plusieurs méthodes en mode usine constituent une amélioration par rapport aux méthodes d'usine ordinaires, car l'implémentation du retour est basée sur les caractères transmis. Lorsque les caractères sont saisis de manière incorrecte, ils peuvent ne pas être traités, ou ils peuvent être traités dans dans le mauvais sens ; et plusieurs méthodes de modèles d'usine peuvent éviter de telles erreurs ;

var factory = new SendFactory();
var sender = factory.produce(&#39;mail&#39;); //sms
sender.to = &#39;toName#mail.com&#39;;
sender.title = &#39;邮件测试标题!&#39;;
sender.content = &#39;发送内容&#39;;
sender.send();

Copier après la connexion

Nous améliorons la classe d'usine ci-dessus :

Méthode d'utilisation :

3. Modèle de méthode d'usine statique

function SendFactory() {
    this.sender = null;
}

SendFactory.prototype.produceMail = function() {
    var me = this;
    me.sender = new MailSender();
    return me.sender;
}
SendFactory.prototype.produceSms = function() {
    var me = this;
    me.sender = new SmsSender();
    return me.sender;
}

Copier après la connexion

Description : remplacez simplement les méthodes des multiples modèles de méthodes d'usine ci-dessus par des identifiants statiques, afin qu'ils n'aient pas besoin d'instancier SendFactory ; Le code de la classe factory est modifié comme suit :

var factory = new SendFactory();
var sender = factory.produceSms(); //produceMail
sender.to = &#39;toName#xxxxx&#39;;
sender.title = &#39;短信发送方法标题&#39;;
sender.content = &#39;发送内容&#39;;
sender.send();

Copier après la connexion

Utilisation :

Description du modèle de méthode Factory

var SendFactory = {
    produceMail : function() {
        return new MailSender();
    },
    produceSms : function() {
        return new SmsSender();
    }
}

Copier après la connexion

Instructions sur l'orientation objet programmation, Lorsqu'il existe de nombreux produits (modèles du monde réel, noms : noms de classe, attributs de membre, méthodes de fonctionnement, etc.) qui doivent être initialisés, c'est-à-dire que les produits doivent être créés et [implémenter la même interface], vous pouvez utilisez le modèle de méthode d'usine ; le premier modèle a Il est possible que le type d'entrée soit incorrect. Dans le deuxième mode, une instance d'usine est créée si nécessaire

Ce qui précède est tout le contenu de ce chapitre. pour plus de didacticiels connexes, veuillez visiter le

var sender = SendFactory.produceMail();
sender.to = &#39;toName#mail.com&#39;;
sender.title = &#39;邮件发送标题&#39;;
sender.content = &#39;发送内容&#39;;
sender.send();

Copier après la connexion

Tutoriel vidéo JavaScript