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 性能优化手册 推荐
Feb 23 Javascript
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
javascript对数组的常用操作代码 数组方法总汇
Jan 27 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
js 函数式编程学习笔记
Mar 25 Javascript
JS实现按钮颜色切换效果
Sep 05 Javascript
vue组件详解之使用slot分发内容
Apr 09 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
使用NestJS开发Node.js应用的方法
Dec 03 Javascript
vue语法自动转typescript(解放双手)
Sep 18 Javascript
js实现随机圆与矩形功能
Oct 29 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
PHP4实际应用经验篇(4)
2006/10/09 PHP
Yii列表定义与使用分页方法小结(3种方法)
2016/07/15 PHP
js简单实现Select互换数据的方法
2015/08/17 Javascript
AngularJS入门教程之更多模板详解
2016/08/19 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
Node.js学习之地址解析模块URL的使用详解
2017/09/28 Javascript
vue打包后显示空白正确处理方法
2017/11/01 Javascript
vue组件的写法汇总
2018/04/12 Javascript
vue.js轮播图组件使用方法详解
2018/07/03 Javascript
Vue.js单向绑定和双向绑定实例分析
2018/08/14 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
2020/02/14 Javascript
JS实现百度搜索框
2021/02/25 Javascript
Python中非常实用的一些功能和函数分享
2015/02/14 Python
Django中几种重定向方法
2015/04/28 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
Python2与Python3的区别实例总结
2019/04/17 Python
Python实现直播推流效果
2019/11/26 Python
kafka-python 获取topic lag值方式
2019/12/23 Python
pytorch实现线性拟合方式
2020/01/15 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
阿迪达斯德国官方网站:adidas德国
2017/07/12 全球购物
nohup的用法
2012/11/26 面试题
初中学生期末评语
2014/04/24 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
化学专业大学生职业生涯规划范文
2014/09/13 职场文书
狂人日记读书笔记
2015/06/30 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书
初中数学课堂教学反思
2016/02/17 职场文书
python实现高效的遗传算法
2021/04/07 Python
python中print格式化输出的问题
2021/04/16 Python
Python函数中的不定长参数相关知识总结
2021/06/24 Python
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android