js-物件導向-設計模式-命令模式
命令模式的本質就是對命令進行封裝,將發出命令的責任和執行命令的責任區分開。
每一個命令都是一個操作,請求的一方發出請求操作,要求執行一個命令,接受的一方,收到請求,執行相應的操作
<script>
var btn = document.getElementById("btn");
//執行的事件物件
var add = {
execute : function(){
console.log("增加了")
}
}
var del = {
execute : function(){
console.log("減少了")
}
}
//請求操作
function setCommand(btn,command){
btn.onclick = function(){
command.execute()
}
}
var random = parseInt(Math.random() * 10)
if(random%2 == 0){
setCommand(btn,add)
}else{
setCommand(btn,del)
}
</script>
上面的程式碼將請求和執行分開操作
如果想讓btn按鈕單擊進行刪除,如果沒有使用命令模式,我們可能需要再次設定一個點選事件,但是我們可以使用命令模式進行區分
相關文章
- JS物件導向設計模式JS物件設計模式
- 物件導向-設計模式-建立型物件設計模式
- 物件導向-設計模式-行為型物件設計模式
- 物件導向-設計模式-結構型物件設計模式
- 物件導向設計原則和模式物件模式
- 1.設計模式與物件導向設計模式物件
- JavaScript設計模式之物件導向程式設計JavaScript設計模式物件程式設計
- JavaScript-設計模式-物件導向程式設計JavaScript設計模式物件程式設計
- 物件導向設計原則&設計模式分類物件設計模式
- 前端設計模式(0)物件導向&&設計原則前端設計模式物件
- 設計模式(二):物件導向及其特性分析設計模式物件
- 我學設計模式 之 物件導向設計原則設計模式物件
- 物件導向的程式設計之原型模式物件程式設計原型模式
- 物件導向設計的設計模式(一):建立型模式(附 Demo & UML類圖)物件設計模式
- Javascript 設計模式之物件導向與 UML 類圖JavaScript設計模式物件
- python物件導向之抽象工廠設計模式Python物件抽象設計模式
- 物件導向設計的設計模式(三):行為型模式(附 Demo & UML類圖)物件設計模式
- 物件導向設計的設計模式(二):結構型模式(附 Demo & UML類圖)物件設計模式
- [.net 物件導向程式設計深入](26)實戰設計模式——策略模式 Strategy (行為型)物件程式設計設計模式
- Python - 物件導向程式設計 - __new()__ 和單例模式Python物件程式設計單例模式
- 設計模式之——物件導向5大基本原則設計模式物件
- 設計模式(一)——物件導向六大原則設計模式物件
- 從物件導向到模式再到真正的物件導向 (轉)物件模式
- JavaScript 設計模式 :正確使用物件導向程式設計的姿勢JavaScript設計模式物件程式設計
- [.net 物件導向程式設計深入](18)實戰設計模式——設計模式使用場景及原則物件程式設計設計模式
- 《JavaScript物件導向精要》之六:物件模式JavaScript物件模式
- 設計模式--命令模式設計模式
- 物件導向的7大原則與23種設計模式物件設計模式
- 基於物件導向(OO)的資料庫設計模式探討物件資料庫設計模式
- 設計模式:可複用物件導向軟體及基礎:4-7 物件行為模式:備忘錄模式(Memento)設計模式物件
- iOS 開發之 OOA (物件導向分析) & OOD (物件導向設計)& OOP (物件導向程式設計)iOS物件OOP程式設計
- 【物件導向的PHP】之模式:目錄物件PHP模式
- 深入PHP物件導向、模式與實踐PHP物件模式
- 設計模式:物件導向設計的六大原則 (絕對詳細)設計模式物件
- 【設計模式筆記】(零)- 物件導向的六大原則設計模式筆記物件
- Javascript設計模式讀書筆記一 JAVASCRIPT物件導向的實現JavaScript設計模式筆記物件
- js設計模式–命令模式JS設計模式
- Java設計模式——命令模式Java設計模式