av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

JavaScript設計模式之命令模式

瀏覽:3日期:2023-10-02 15:53:23

命令模式是JavaScript設計模式中行為型的一種設計模式;

定義:向某些對象發(fā)送請求,但是并不知道被請求的操作具體是什么,所以我們希望以一種松耦合的方式來設計程序,使得請求發(fā)送者和接收者之間能夠消除彼此之間的耦合關系;而我們的這種松耦合的方式就是命令模式;

白話解釋:假如你是你們公司研發(fā)部門團隊leader,這時你們領導分布給你一個任務,你粗略的看了一下,很簡單的需求比較容易實現(xiàn);而你作為團隊leader,每天肯定會有很多事情,所以你準備把需求直接丟給組員去開發(fā)和實現(xiàn);領導根本不在意是你做的還是你讓誰做的,領導要的只是最終成果!這里領導就是命令的發(fā)布者,而你就是命令的接收者;

代碼實現(xiàn):

<!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'>發(fā)布命令給前端</button><button id='button2'>發(fā)布命令給后臺</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設計模式之命令模式

這里的將命令對象單獨的定義為一個方法,根據(jù)參數(shù)執(zhí)行不同的任務。點擊不同按鈕的時候,執(zhí)行不同的命令;

宏命令:

宏命令是一組命令的集合,通過執(zhí)行宏命令的方式可以一次性執(zhí)行一批命令;

電腦開機自啟動項:現(xiàn)在很多軟件都默認添加了電腦開機自啟動,就是我們電腦開機之后默認啟動某些特定的軟件;這就是一種宏命令的場景;

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

上面的代碼中,我們在宏命令對象中定義了一個list數(shù)組,然后通過add方法進行添加到執(zhí)行隊列中,所謂的執(zhí)行隊列就是list這個數(shù)組,然后我們通過循環(huán)來依次執(zhí)行命令,這就產(chǎn)生了我們的宏命令,通過一個命令一鍵啟動多個任務;

命令模式其實就是定義一個命令對象,請求發(fā)布者通過參數(shù)化的形式傳入?yún)?shù)來進行執(zhí)行具體不同的操作,來達到請求發(fā)布者與接收者的解耦;

最后的話:

本系列一共寫了十篇常用的JavaScript設計模式的文章,參考了大量的資料加上自己的理解希望以最通俗易懂的方式來講給大家聽,由于本人水平和精力有限,理解有誤的地方請及時指出,設計模式系列文章暫時先擱置,后續(xù)再補充;下個月開始準備系統(tǒng)學習ES6,完成ES6系列文章;

以上就是JavaScript設計模式之命令模式的詳細內(nèi)容,更多關于JavaScript設計模式的資料請關注好吧啦網(wǎng)其它相關文章!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 欧洲亚洲一区 | 一级黄色夫妻生活 | 精品在线99 | 中文字幕亚洲视频 | 国产精品久久久久久久岛一牛影视 | 好姑娘高清在线观看电影 | 一级看片免费视频囗交动图 | 国产97碰免费视频 | 午夜精品久久久久久久久久久久久 | 久久88| 日日夜夜精品视频 | 国产精品久久久久久久久久妇女 | 欧美电影网 | 一级片免费视频 | 断背山在线观看 | 先锋资源站 | 中国一级特黄视频 | 国产精品无码专区在线观看 | 久久国产一区 | 亚洲国产精品成人 | 成人免费福利视频 | 久久精品小视频 | 欧美精品一区二区在线观看 | 精品一区二区在线看 | 久久伊人免费视频 | 亚洲精品久久久久久国产精华液 | 日韩一区二区在线视频 | 国产高清一区二区三区 | 一区二区三区中文字幕 | 久久69精品久久久久久久电影好 | 日韩精品久久久 | 国产亚洲www | 欧美色综合网 | 久久久青草婷婷精品综合日韩 | 1级黄色大片 | 青娱乐自拍 | 国产精品一区久久久 | 国产激情视频在线 | 91免费观看国产 | 精品欧美一区二区在线观看 | 精品国模一区二区三区欧美 |