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)物件導向&&設計原則前端設計模式物件
- 物件導向設計原則&設計模式分類物件設計模式
- 設計模式(二):物件導向及其特性分析設計模式物件
- python物件導向之抽象工廠設計模式Python物件抽象設計模式
- 物件導向設計的設計模式(一):建立型模式(附 Demo & UML類圖)物件設計模式
- Javascript 設計模式之物件導向與 UML 類圖JavaScript設計模式物件
- 設計模式之——物件導向5大基本原則設計模式物件
- Python - 物件導向程式設計 - __new()__ 和單例模式Python物件程式設計單例模式
- 物件導向設計的設計模式(三):行為型模式(附 Demo & UML類圖)物件設計模式
- 物件導向設計的設計模式(二):結構型模式(附 Demo & UML類圖)物件設計模式
- 《JavaScript物件導向精要》之六:物件模式JavaScript物件模式
- 設計模式:可複用物件導向軟體及基礎:4-7 物件行為模式:備忘錄模式(Memento)設計模式物件
- 物件導向的7大原則與23種設計模式物件設計模式
- js設計模式–命令模式JS設計模式
- Java設計模式——命令模式Java設計模式
- js設計模式--命令模式JS設計模式
- Python 設計模式-命令模式Python設計模式
- 設計模式-命令模式(Command)設計模式
- 設計模式之命令模式設計模式
- 設計模式之-命令模式設計模式
- 設計模式:物件導向設計的六大原則 (絕對詳細)設計模式物件
- 【設計模式筆記】(零)- 物件導向的六大原則設計模式筆記物件
- 【物件導向的PHP】之模式:目錄物件PHP模式
- 設計模式系列 6– 命令模式設計模式
- 設計模式實戰 - 命令模式設計模式
- JavaScript設計模式(七):命令模式JavaScript設計模式
- Javascript設計模式之命令模式JavaScript設計模式
- 簡說設計模式——命令模式設計模式
- 極簡設計模式-命令模式設計模式
- Java設計模式(16)----------命令模式Java設計模式