javascript 命令模式

gyl_coder 發(fā)布于2019-08-26 10:41 / 3380人閱讀

摘要：中的命令模式命令模式在中也比較簡(jiǎn)單下面代碼中對(duì)按鈕和命令進(jìn)行了抽離因此可以復(fù)雜項(xiàng)目中可以使用命令模式將界面的代碼和功能的代碼交付給不同的人去寫。上面的界面邏輯由完成下面的由完成更新菜單創(chuàng)建命令

JavaScript 中的命令模式

命令模式在 JavaScript 中也比較簡(jiǎn)單, 下面代碼中對(duì)按鈕和命令進(jìn)行了抽離, 因此可以復(fù)雜項(xiàng)目中可以使用命令模式將界面的代碼和功能的代碼交付給不同的人去寫。

const setCommand = function(button, command) {
 button.onclick = function() {
 command.excute()
 }
 }

 // -------------------- 上面的界面邏輯由A完成, 下面的由B完成

 const menu = {
 updateMenu: function() {
 console.log("更新菜單")
 },
 }

 const UpdateCommand = function(receive) {
 return {
 excute: receive.updateMenu,
 }
 }

 const updateCommand = UpdateCommand(menu) // 創(chuàng)建命令

 const button1 = document.getElementById("button1")
 setCommand(button1, updateCommand)

GPU云服務(wù)器云服務(wù)器 javascript命令模式命令模式命令鏈模式 javascript嚴(yán)格模式

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/106610.html

相關(guān)文章

JavaScript設(shè)計(jì)模式（七）：命令模式

摘要：支持撤銷，隊(duì)列，宏命令等功能。宏命令宏命令一組命令集合命令模式與組合模式的產(chǎn)物發(fā)布者發(fā)布一個(gè)請(qǐng)求，命令對(duì)象會(huì)遍歷命令集合下的一系列子命令并執(zhí)行，完成多任務(wù)。 showImg(https://segmentfault.com/img/bVbu3CN?w=800&h=600); 命令模式：請(qǐng)求以命令的形式包裹在對(duì)象中，并傳給調(diào)用對(duì)象。調(diào)用對(duì)象尋找可以處理該命令的合適的對(duì)象，并把該命令傳給相...

lixiang 2019-08-23 18:40 評(píng)論0 收藏0
javascript設(shè)計(jì)模式學(xué)習(xí)筆記之命令模式

摘要：命令模式指的是一個(gè)執(zhí)行某些特定事情的指令設(shè)計(jì)模式的主題總是把不變的事物和變化的事物分離開(kāi)來(lái)在中函數(shù)作為一等對(duì)象所以命令模式其實(shí)是回調(diào)函數(shù)的一個(gè)面向?qū)ο蟮奶娲吩O(shè)置命令命令集合刷新菜單界面命令觸發(fā)條件接受者綁定命令命令模式指的是一個(gè)執(zhí)行某些特定事情的指令設(shè)計(jì)模式的主題: 總是把不變的事物和變化的事物分離開(kāi)來(lái) 在javascript 中, 函數(shù)作為一等對(duì)象, 所以, 命令模式其實(shí)是...

MobService 2019-08-23 18:09 評(píng)論0 收藏0
JavaScript中常用的設(shè)計(jì)模式

摘要：本文已同步到中常見(jiàn)的設(shè)計(jì)模式如果感覺(jué)寫的還可以，就給個(gè)小星星吧，歡迎和收藏。本文中關(guān)于各種設(shè)計(jì)模式定義都是引用書(shū)中的，部分引用自百度百科已標(biāo)出。下面把我整理出的常用設(shè)計(jì)模式按類型做個(gè)表格整理。本文已同步到Github JavaScript中常見(jiàn)的設(shè)計(jì)模式,如果感覺(jué)寫的還可以，就給個(gè)小星星吧，歡迎star和收藏。最近拜讀了曾探大神的《JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》，真是醍醐...

NSFish 2019-08-23 14:32 評(píng)論0 收藏0
js設(shè)計(jì)模式--命令模式

摘要：中的命令模式點(diǎn)擊按鈕刷新菜單目錄設(shè)置背景色的例子撤銷命令我們現(xiàn)在來(lái)實(shí)現(xiàn)一個(gè)撤銷操作的例子界面上有四個(gè)按鈕，三個(gè)可以設(shè)置不同的背景色，按鈕可以撤銷上一次的操作重做操作這里我們?cè)黾右粋€(gè)按鈕，以恢復(fù)之前的操作，需要一個(gè)來(lái)記錄當(dāng)前的索引前言本系列文章主要根據(jù)《JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》整理而來(lái)，其中會(huì)加入了一些自己的思考。希望對(duì)大家有所幫助。文章系列 js設(shè)計(jì)模式--單例模...

Bryan 2019-08-23 14:29 評(píng)論0 收藏0
前端練級(jí)攻略(第二部分)

摘要：是文檔的一種表示結(jié)構(gòu)。這些任務(wù)大部分都是基于它。這個(gè)實(shí)踐的重點(diǎn)是把你在前端練級(jí)攻略第部分中學(xué)到的一些東西和結(jié)合起來(lái)。一旦你進(jìn)入框架部分，你將更好地理解并使用它們。到目前為止，你一直在使用進(jìn)行操作。它是在前端系統(tǒng)像今天這樣復(fù)雜之前編寫的。本文是前端練級(jí)攻略第二部分，第一部分請(qǐng)看下面：前端練級(jí)攻略(第一部分) 在第二部分，我們將重點(diǎn)學(xué)習(xí) JavaScript 作為一種獨(dú)立的語(yǔ)言，如...

BWrong 2019-08-23 16:49 評(píng)論0 收藏0