91精品一区,精品日韩一区二区,精品国产乱码久久久久久88av

命令模式是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>

運行結果：

JavaScript設計模式之命令模式

這里的將命令對象單獨的定義為一個方法，根據參數執行不同的任務。點擊不同按鈕的時候，執行不同的命令；

宏命令：

宏命令是一組命令的集合，通過執行宏命令的方式可以一次性執行一批命令；

電腦開機自啟動項：現在很多軟件都默認添加了電腦開機自啟動，就是我們電腦開機之后默認啟動某些特定的軟件；這就是一種宏命令的場景；

				?

									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();