javascript 命令模式

gyl_coder 發布于2019-08-26 10:41 / 3343人閱讀

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

JavaScript 中的命令模式

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

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) // 創建命令

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

GPU云服務器云服務器 javascript命令模式命令模式命令鏈模式 javascript嚴格模式

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/106610.html

JavaScript設計模式（七）：命令模式

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

lixiang 2019-08-23 18:40 評論0 收藏0
javascript設計模式學習筆記之命令模式

摘要：命令模式指的是一個執行某些特定事情的指令設計模式的主題總是把不變的事物和變化的事物分離開來在中函數作為一等對象所以命令模式其實是回調函數的一個面向對象的替代品設置命令命令集合刷新菜單界面命令觸發條件接受者綁定命令命令模式指的是一個執行某些特定事情的指令設計模式的主題: 總是把不變的事物和變化的事物分離開來在javascript 中, 函數作為一等對象, 所以, 命令模式其實是...

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

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

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

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

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

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

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