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 相关文章推荐
jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
Apr 06 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 Javascript
关闭页面window.location事件未执行的原因及解决方法
Sep 01 Javascript
JQuery表单验证插件EasyValidator用法分析
Nov 15 Javascript
Bootstrap每天必学之导航条(二)
Mar 01 Javascript
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
Jul 01 Javascript
ES6中class类用法实例浅析
Apr 06 Javascript
Angular2数据绑定详解
Apr 18 Javascript
使用mint-ui开发项目的一些心得(分享)
Sep 07 Javascript
layui form表单提交之后重新加载数据表格的方法
Sep 11 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 Javascript
vue使用节流函数的踩坑实例指南
May 20 Vue.js
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中strlen和mb_strlen的区别
2014/08/31 PHP
CI框架学习笔记(一) - 环境安装、基本术语和框架流程
2014/10/26 PHP
smarty中js的调用方法示例
2014/10/27 PHP
php使用pclzip类实现文件压缩的方法(附pclzip类下载地址)
2016/04/30 PHP
几行代码轻松搞定jquery实现flash8类似的连接效果
2007/05/03 Javascript
Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
2013/12/12 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
直接拿来用的页面跳转进度条JS实现
2016/01/06 Javascript
基于javascript实现泡泡大冒险网页版小游戏
2016/03/23 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
ajax接收后台数据在html页面显示
2017/02/19 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
2018/09/21 Javascript
angularJs中json数据转换与本地存储的实例
2018/10/08 Javascript
Python字符串的encode与decode研究心得乱码问题解决方法
2009/03/23 Python
Python 正则表达式的高级用法
2016/12/04 Python
python简易远程控制单线程版
2018/06/20 Python
对Python 窗体(tkinter)树状数据(Treeview)详解
2018/10/11 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
python中下标和切片的使用方法解析
2019/08/27 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
python绘制随机网络图形示例
2019/11/21 Python
python中的垃圾回收(GC)机制
2020/09/21 Python
Python常用base64 md5 aes des crc32加密解密方法汇总
2020/11/06 Python
CSS3自定义滚动条样式 ::webkit-scrollbar的示例代码详解
2020/06/01 HTML / CSS
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
MAC Cosmetics官方网站:魅可专业艺术彩妆
2019/04/10 全球购物
说说你所熟悉或听说过的j2ee中的几种常用模式?及对设计模式的一些看法
2012/05/24 面试题
初二政治教学反思
2014/01/12 职场文书
生日邀请函范文
2014/01/13 职场文书
小学老师寄语大全
2014/04/04 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
幼儿园迎新生欢迎词
2015/09/30 职场文书
python 自动刷新网页的两种方法
2021/04/20 Python