Explication détaillée du modèle de commande des modèles de conception JS

Cette fois, je vous apporte une explication détaillée du Mode de commande de JSDesign Pattern Quelles sont les Précautions qui sont expliquées en détail lors de l'utilisation du. Mode de commande JS. Ce qui suit est un cas pratique, jetons un coup d'œil.

Concept
Le mode commande est utilisé pour encapsuler une requête dans un objet, afin que le client puisse être paramétré avec différents paramètres. Ce mode encapsule la requête d'appel de fonction et l'opération dans un seul objet. L'objet est traité en un seul processus, qui est divisé en trois objets en bref :
1. Initiateur : il suffit d'émettre la commande appelante. On ne sait pas comment l'exécuter et qui l'exécutera.
2. Récepteur : il existe des interfaces correspondantes pour traiter différentes commandes. Quant à savoir quelle est la commande et qui l'a émise, cela n'a pas d'importance.
3. Objet de commande : Comme nous l'avons dit ci-dessus, nous avons séparé l'initiateur et le récepteur, ce qui nécessite que ce pont se connecte. C'est l'objet de commande qui accepte l'appel de l'expéditeur, = puis appelle. l'interface correspondante du récepteur.

Fonction et précautions
Fonction :
1. Combinez l'encapsulation, la demande et l'appel en un seul.
2. Améliorer la flexibilité de la modularisation des programmes.
Remarques :
Il n'est pas nécessaire d'avoir des excuses cohérentes, il suffit d'appeler la fonction directement pour éviter le gaspillage.

Instance

   // 发送者 
            var setCommond = function(button, fn) { 
                button.onClick = function() { 
                    fn() 
                } 
            }; 
            // 执行命令者 
            var menu = { 
                reFresh: function() { 
                    console.log("刷新"); 
                }, 
                add: function() { 
                    console.log("增加"); 
                }, 
                delete: function() { 
                    console.log("删除"); 
                } 
            }; 
            // 命令对象 
            var commondObj = function(reciver) {
                return function() { 
                    reciver.reFresh(); 
                } 
            }; 
            var commondObj1 = commondObj(menu); 
            setCommond(btn1, commondObj1);

Expéditeur (setCommond) : peu importe à quel bouton il est attribué ou à quel événement il est lié, tant qu'il est transmis via des paramètres.
Objet de commande (commondObj) : il n'a besoin que de recevoir les paramètres du destinataire, et lorsque l'expéditeur émettra la commande, elle sera exécutée.
Récepteur (menu) : vous n'avez pas besoin de vous soucier de l'endroit où il est appelé et par qui, il vous suffit de l'exécuter selon vos besoins.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

Explication détaillée du modèle de constructeur des modèles de conception JS

Explication détaillée du modèle de constructeur de Modèles de conception JS

modèle de conception js - utilisation du modèle singleton

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!