分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

浅谈js设计模式之发布 — 命令模式

发布时间:2023-09-06 01:41责任编辑:蔡小小关键词:js

命令模式最常见的应用场景是:有时候需要向某些对象发送请求,但是并不知道请求的接收
者是谁,也不知道被请求的操作是什么。此时希望用一种松耦合的方式来设计程序,使得请求发
送者和请求接收者能够消除彼此之间的耦合关系。

假设我们正在编写一个用户界面程序,该用户界面上至少有数十个 Button 按钮。因为项目
比较复杂,所以我们决定让某个程序员负责绘制这些按钮,而另外一些程序员则负责编写点击按
钮后的具体行为,这些行为都将被封装在对象里。

var bindClick = function(button, func) { ???button.onclick = func;};var MenuBar = { ???refresh: function() { ???????console.log(‘刷新菜单界面‘); ???}};var SubMenu = { ???add: function() { ???????console.log(‘增加子菜单‘); ???}, ???del: function() { ???????console.log(‘删除子菜单‘); ???}};bindClick(button1, MenuBar.refresh);bindClick(button2, SubMenu.add);bindClick(button3, SubMenu.del);

设计模式的主题总是把不变的事物和变化的事物分离开来,命令模式也不例外。按下按钮之
后会发生一些事情是不变的,而具体会发生什么事情是可变的。通过 command 对象的帮助,将来
我们可以轻易地改变这种关联,因此也可以在将来再次改变按钮的行为。

浅谈js设计模式之发布 — 命令模式

原文地址:https://www.cnblogs.com/zt123123/p/8432445.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved