javascript 命令模式

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

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

JavaScript 中的命令模式

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

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)

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

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

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/106610.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

BWrong 2019-08-23 16:49 評論0 收藏0