JavaScript设计模式经典之命令模式


Posted in Javascript onFebruary 24, 2016

一、命令模式概念

命令模式(Command)的定义是:用来对方法调用进行参数化处理和传送,经过这样处理过的方法调用可以在任何需要的时候执行。也就是说该模式旨在将函数的调用、请求和操作封装成一个单一的对象,然后对这个对象进行一些列的处理。他也可以用来消除调用操作的对象和实现操作的对象之间的耦合。这为各种具体的类的更换带来了极大的灵活性。

二、命令模式的作用和注意事项

模式作用:

1、将函数的封装、请求、调用结合为一体

2、调用具体的函数解耦命令对象与接收对象

3、提高程序模块化的灵活性

注意事项:

1、不需要借口一致,直接调用函数即可,以免造成浪费

三、命令模式代码和实战总结

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>

<script>
//1.一个连有炮兵和步兵,司令可以下命令调动军队打仗
var lian = {};
lian.paobing = function(pao_num){
console.log(pao_num+"门炮准备战斗");
}
lian.bubing = function(bubing_num){
console.log(bubing_num+"人准备战斗");
}
lian.lianzhang = function(mingling){
lian[mingling.type](mingling.num);
}
//司令下命令
lian.lianzhang({
type:"paobing",
num:10
});
lian.lianzhang({
type:"bubing",
num:100
});
</script>
</body>
</html>

以上所述是小编给大家介绍的JavaScript设计模式经典之命令模式,希望对大家有所帮助!

Javascript 相关文章推荐
form中限制文本字节数js代码
Jun 10 Javascript
用jscript实现新建和保存一个word文档
Jun 15 Javascript
Javascript玩转继承(一)
May 08 Javascript
javascript随机之洗牌算法深入分析
Jun 07 Javascript
js获取UserControl内容为拼html时提供方便
Nov 02 Javascript
深入浅析AngularJS和DataModel
Feb 16 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 Javascript
总结AngularJS开发者最常犯的十个错误
Aug 31 Javascript
js获取元素的标签名实现方法
Oct 08 Javascript
原生JS实现导航下拉菜单效果
Nov 25 Javascript
如何通过setTimeout理解JS运行机制详解
Mar 23 Javascript
基于vue-draggable 实现三级拖动排序效果
Jan 10 Javascript
JavaScript设计模式经典之工厂模式
Feb 24 #Javascript
JavaScript的设计模式经典之建造者模式
Feb 24 #Javascript
JavaScript的设计模式经典之代理模式
Feb 24 #Javascript
jQuery实现验证年龄简单思路
Feb 24 #Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 #Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 #Javascript
JavaScript判断变量是否为数组的方法(Array)
Feb 24 #Javascript
You might like
PHP如何将XML转成数组
2016/04/04 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
PHP压缩图片功能的介绍
2019/03/21 PHP
图片完美缩放
2006/09/07 Javascript
更正确的asp冒泡排序
2007/05/24 Javascript
js确定对象类型方法
2012/03/30 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
2013/09/25 Javascript
cookie的复制与使用记住用户名实现代码
2013/11/04 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
封装的dialog插件 基于bootstrap模态对话框的简单扩展
2016/08/10 Javascript
Vue.js实现文章评论和回复评论功能
2020/05/30 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
angularJs复选框checkbox选中进行ng-show显示隐藏的方法
2018/10/08 Javascript
vue+egg+jwt实现登录验证的示例代码
2019/05/18 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
[02:53]2018年度DOTA2最佳战队-完美盛典
2018/12/17 DOTA
Python lambda和Python def区别分析
2014/11/30 Python
Python返回真假值(True or False)小技巧
2015/04/10 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
python结合API实现即时天气信息
2016/01/19 Python
用Python登录好友QQ空间点赞的示例代码
2017/11/04 Python
Python下使用Scrapy爬取网页内容的实例
2018/05/21 Python
python数据库编程 Mysql实现通讯录
2020/03/27 Python
keras训练曲线,混淆矩阵,CNN层输出可视化实例
2020/06/15 Python
python将下载到本地m3u8视频合成MP4的代码详解
2020/11/24 Python
CSS3实现3D翻书效果
2016/06/20 HTML / CSS
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
荷兰手表网站:Watch2Day
2018/07/02 全球购物
Java中有几种类型的流?JDK为每种类型的流提供了一些抽象类以供继承,请说出他们分别是哪些类
2012/02/06 面试题
自荐信格式
2013/12/01 职场文书
药学专业个人的自我评价
2013/12/31 职场文书
幼儿教师寄语集锦
2014/04/03 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
2014年教育实习工作总结
2014/11/22 职场文书
python之json文件转xml文件案例讲解
2021/08/07 Python