JS设计模式之命令模式详解-js教程-PHP中文网

JS设计模式之命令模式详解

php中世界最好的语言

发布： 2018-03-14 14:22:03

原创

2512人浏览过

这次给大家带来js设计模式之命令模式详解，使用js命令模式详解的注意事项有哪些，下面就是实战案例，一起来看一下。

概念
命令模式用于将一个请求封装成一个对象，从而可以用不同的参数对客户进行参数化，该模式将函数的调用请求和操作封装成一个单一的对象，然后对这个对象进行单一的处理，简而言之分为三个对象：
1.发起者：发出调用命令即可，具体如何执行，谁来执行并不清楚。
2.接收者：有对应的接口处理不同的命令，至于命令是什么，谁发出的，这不重要。
3.命令对象：上面我们说过，我们将发起者和接受者分开了，而这需要这个桥梁链接起来，这就是命令对象，命令对象接受发送者的调用，=然后调用接受者的相应接口。

作用以及注意事项
作用：
1.将封装、请求、调用结合为一体。
2.提高程序模块化的灵活性。
注意事项：
不需要借口一致，直接调用函数即可，以免造成浪费。

实例

   // 发送者 
            var setCommond = function(button, fn) { 
                button.onClick = function() { 
                    fn() 
                } 
            }; 
            // 执行命令者 
            var menu = { 
                reFresh: function() { 
                    console.log("刷新"); 
                }, 
                add: function() { 
                    console.log("增加"); 
                }, 
                delete: function() { 
                    console.log("删除"); 
                } 
            }; 
            // 命令对象 
            var commondObj = function(reciver) {
                return function() { 
                    reciver.reFresh(); 
                } 
            }; 
            var commondObj1 = commondObj(menu); 
            setCommond(btn1, commondObj1);

登录后复制

发送者(setCommond)：不关心给哪个button，以及绑定什么事件，只要通过参数传入就好。
命令对象(commondObj):只需要接收到接受者的参数，当发送者发出命令时，执行就好。
接受者(menu):不用关心在哪里被调用被谁调用，只需要按需执行就好了。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

PHP轻论坛

简介PHP轻论坛是一个简单易用的PHP论坛程序，适合小型社区和个人网站使用。v3.0版本是完全重构的版本，解决了之前版本中的所有已知问题，特别是MySQL保留字冲突问题。主要特点• 简单易用：简洁的界面，易于安装和使用• 响应式设计：适配各种设备，包括手机和平板• 安全可靠：避免使用MySQL保留字，防止SQL注入• 功能完善：支持分类、主题、回复、用户管理等基本功能• 易于扩展：模块化设计，便于