Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung des Befehlsmusters von JS-Entwurfsmustern

php中世界最好的语言
Freigeben: 2018-03-14 14:22:03
Original
2415 Leute haben es durchsucht

Dieses Mal bringe ich Ihnen eine detaillierte Erklärung des Befehlsmodus von JSEntwurfsmuster. Was sind die Hinweise, die bei der Verwendung des Der JS-Befehlsmodus ist ein praktischer Fall.

Konzept
Der Befehlsmodus wird verwendet, um eine Anforderung in ein Objekt zu kapseln, sodass der Client mit verschiedenen Parametern parametrisiert werden kann. Dieser Modus kapselt die Funktionsaufrufanforderung und -operation in ein einziges Objekt Das Objekt wird in einem einzigen Prozess verarbeitet, der kurz in drei Objekte unterteilt ist:
1. Erteilen Sie einfach den aufrufenden Befehl. Es ist nicht klar, wie er ausgeführt wird.
2. Empfänger: Es gibt entsprechende Schnittstellen zur Verarbeitung verschiedener Befehle. Es spielt keine Rolle, um welchen Befehl es sich handelt und wer ihn ausgegeben hat.
3. Befehlsobjekt: Wie oben erwähnt, haben wir den Initiator und den Empfänger getrennt, und dies erfordert die Verbindung dieser Brücke. Das Befehlsobjekt nimmt den Anruf vom Absender an und ruft ihn dann auf die entsprechende Schnittstelle.

Funktion und Vorsichtsmaßnahmen
Funktion:
1. Kapselung, Anfrage und Aufruf in einem kombinieren.
2. Verbessern Sie die Flexibilität der Programmmodularisierung.
Hinweise:
Es besteht keine Notwendigkeit für konsistente Ausreden. Rufen Sie einfach die Funktion direkt auf, um Verschwendung zu vermeiden.

Instanz

   // 发送者 
            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);
Nach dem Login kopieren

Sender (setCommond): Es spielt keine Rolle, an welche Schaltfläche es gegeben wird oder an welches Ereignis es gebunden ist, solange es über Parameter übergeben wird.
Befehlsobjekt (commondObj): Es muss nur die Parameter des Empfängers empfangen und wird ausgeführt, wenn der Absender den Befehl ausgibt.
Empfänger (Menü): Es ist Ihnen egal, wo und von wem es aufgerufen wird, Sie müssen es nur nach Bedarf ausführen.

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website.

Empfohlene Lektüre:

Detaillierte Erläuterung des Builder-Musters von JS-Designmustern

Detaillierte Erläuterung des Konstruktormusters von JS-Entwurfsmuster

JS-Entwurfsmuster – die Verwendung von Singleton-Mustern

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Befehlsmusters von JS-Entwurfsmustern. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage