JavaScript命令模式用于什么，实现代码是怎样的？-群英

上一篇：JavaScript代理模式的实现方法是什么下一篇：路由守卫是什么，vue-router如何实现路由守卫

这篇文章将为大家详细讲解有关“JavaScript命令模式用于什么，实现代码是怎样的？”的知识，下文有详细的介绍，小编觉得挺实用的，对大家学习或工作或许有帮助，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

命令模式是JavaScript设计模式中行为型的一种设计模式；

定义：向某些对象发送请求，但是并不知道被请求的操作具体是什么，所以我们希望以一种松耦合的方式来设计程序，使得请求发送者和接收者之间能够消除彼此之间的耦合关系；而我们的这种松耦合的方式就是命令模式；

白话解释：假如你是你们公司研发部门团队leader，这时你们领导分布给你一个任务，你粗略的看了一下，很简单的需求比较容易实现；而你作为团队leader，每天肯定会有很多事情，所以你准备把需求直接丢给组员去开发和实现；领导根本不在意是你做的还是你让谁做的，领导要的只是最终成果！这里领导就是命令的发布者，而你就是命令的接收者；

代码实现：

<!DOCTYPE html> <html lang= "en" > <head> <meta charset= "UTF-8" > <meta name= "viewport" content= "width=device-width, initial-scale=1.0" > <meta http-equiv= "X-UA-Compatible" content= "ie=edge" > <title>Document</title> </head> <body> <button id= "button1" >发布命令给前端</button> <button id= "button2" >发布命令给后台</button> </body> <script> var button1 = document.getElementById( "button1" ); var button2 = document.getElementById( "button2" ); // 定义命令 var command = function (Executor,func){ Executor.onclick = func; } // 定义领导 var Leader = {}; Leader.teamleader = { web: function (){ console.log( "前端马上完成" ); }, java: function (){ console.log( "后台马上完成" ) } } command(button1,Leader.teamleader.web); command(button2,Leader.teamleader.java); </script> </html>

运行结果：

这里的将命令对象单独的定义为一个方法，根据参数执行不同的任务。点击不同按钮的时候，执行不同的命令；

宏命令：

宏命令是一组命令的集合，通过执行宏命令的方式可以一次性执行一批命令；

电脑开机自启动项：现在很多软件都默认添加了电脑开机自启动，就是我们电脑开机之后默认启动某些特定的软件；这就是一种宏命令的场景；

var QQCommand = { excute: function (){ console.log( "自启动QQ成功" ); } } var weChatCommand = { excute: function (){ console.log( "自启动微信成功" ); } } var MacroCommand = function (){ return { list:[], add: function (command){ this .list.push(command); }, excute: function (){ for ( var i = 0,command;command = this .list[i++];){ command.excute(); } } } } var macroCommand = MacroCommand(); macroCommand.add(QQCommand); macroCommand.add(weChatCommand); macroCommand.excute();