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 相关文章推荐
javascript suggest效果 自动完成实现代码分享
Feb 17 Javascript
Extjs 继承Ext.data.Store不起作用原因分析及解决
Apr 15 Javascript
EasyUI,点击开启编辑框,并且编辑框获得焦点的方法
Mar 01 Javascript
整理Javascript数组学习笔记
Nov 29 Javascript
jQuery中show与hide方法用法示例
Sep 16 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
JS克隆,属性,数组,对象,函数实例分析
Nov 26 Javascript
vue引入ueditor及node后台配置详解
Jan 03 Javascript
解决Layui数据表格中checkbox位置不居中的方法
Aug 15 Javascript
vue中的自定义分页插件组件的示例
Aug 18 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
Angular实现svg和png图片下载实现
May 05 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
删除无限级目录与文件代码共享
2006/07/12 PHP
谈谈新手如何学习PHP
2006/12/14 PHP
PHP通用分页类page.php[仿google分页]
2008/08/31 PHP
php 分页原理详解
2009/08/21 PHP
php懒人函数 自动添加数据
2011/06/28 PHP
IIS+fastcgi下PHP运行超时问题的解决办法详解
2013/06/20 PHP
thinkphp中空模板与空模块的用法实例
2014/11/26 PHP
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
Jquery EasyUI实现treegrid上显示checkbox并取选定值的方法
2016/04/29 Javascript
网页前端登录js按Enter回车键实现登陆的两种方法
2016/05/10 Javascript
用js动态添加html元素,以及属性的简单实例
2016/07/19 Javascript
js获取元素的标签名实现方法
2016/10/08 Javascript
jquery控制页面的展开和隐藏实现方法(推荐)
2016/10/15 Javascript
详解vue axios中文文档
2017/09/12 Javascript
vue检测对象和数组的变化分析
2018/06/30 Javascript
React Native中Mobx的使用方法详解
2018/12/04 Javascript
小程序绑定用户方案优化小结
2019/05/15 Javascript
微信小程序实现商城倒计时
2020/11/01 Javascript
layui use 定义js外部引用函数的方法
2019/09/26 Javascript
vue监听浏览器原生返回按钮,进行路由转跳操作
2020/09/09 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
[33:19]完美世界DOTA2联赛PWL S2 PXG vs InkIce 第一场 11.26
2020/11/30 DOTA
python使用正则表达式的search()函数实现指定位置搜索功能
2017/11/10 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
利用Python绘制有趣的万圣节南瓜怪效果
2019/10/31 Python
Python 没有main函数的原因
2020/07/10 Python
如何解决python多种版本冲突问题
2020/10/13 Python
Python+OpenCV图像处理——实现直线检测
2020/10/23 Python
python 怎样进行内存管理
2020/11/10 Python
css3图片边框border-image的用法
2017/06/30 HTML / CSS
英国男女豪华配饰和礼品网站:Black.co.uk
2020/02/28 全球购物
C++的几个面试题附答案
2016/08/03 面试题
用Python简陋模拟n阶魔方
2021/04/17 Python
Vue h函数的使用详解
2022/02/18 Vue.js
Spring Cloud OAuth2实现自定义token返回格式
2022/06/25 Java/Android