JS设计模式之策略模式概念与用法分析


Posted in Javascript onFebruary 05, 2018

本文实例讲述了JS设计模式之策略模式概念与用法。分享给大家供大家参考,具体如下:

策略模式的概念引用:

在软件开发中也常常遇到类似的情况,实现某一个功能有多种算法或者策略,我们可以根据环境或者条件的不同选择不同的算法或者策略来完成该功能。

如查找、排序等,一种常用的方法是硬编码(Hard Coding)在一个类中,如需要提供多种查找算法,可以将这些算法写到一个类中,在该类中提供多个方法,每一个方法对应一个具体的查找算法;当然也可以将这些查找算法封装在一个统一的方法中,通过if…else…或者case等条件判断语句来进行选择。

这两种实现方法我们都可以称之为硬编码,如果需要增加一种新的查找算法,需要修改封装算法类的源代码;更换查找算法,也需要修改客户端调用代码。

在这个算法类中封装了大量查找算法,该类代码将较复杂,维护较为困难。如果我们将这些策略包含在客户端,这种做法更不可取,将导致客户端程序庞大而且难以维护,如果存在大量可供选择的算法时问题将变得更加严重.

举例说明:

一、出行旅游:我们可以有几个策略可以考虑:可以骑自行车,汽车,做火车,飞机。每个策略都可以得到相同的结果,但是它们使用了不同的资源。

选择策略的依据是费用,时间,使用工具还有每种方式的方便程度 。

二、在一个购物商城,在五一做了一个活动,所以图书类商品根据购买的金额做出以下折扣策略

1、购买满199元,打9折
2、购买满399元,打8折
3、购买满599元以上,打7折;

function BookStrategy() {
 this.calcPrice = function( price ) {
 console.log("未打折 = " + price);
 }
}
function BookCalc9Strategy() {
 this.calcPrice = function( price ) {
 console.log("原价是:"+ price +";打9折后:" + (price * 0.9));
 }
}
function BookCalc8Strategy() {
 this.calcPrice = function( price ) {
 console.log("原价是:"+ price +";打8折后:" + (price * 0.8));
 }
}
function BookCalc7Strategy() {
 this.calcPrice = function( price ) {
 console.log("原价是:"+ price +";打7折后:" + (price * 0.7));
 }
}
function PriceCalc( _strategy ) {
 this.strategy = _strategy;
 this.getPrice = function( price ) {
 return this.strategy.calcPrice( price );
 }
}
function Client() {
 var price = 100;
 var priceCalc = null;
 if ( 199 <= price && price < 399 ) {
 priceCalc = new PriceCalc(new BookCalc9Strategy());
 } else if ( 399 <= price && price < 599 ) {
 priceCalc = new PriceCalc(new BookCalc8Strategy());
 } else if ( 599 <= price ) {
 priceCalc = new PriceCalc(new BookCalc7Strategy());
 } else {
 priceCalc = new PriceCalc(new BookStrategy());
 }
 priceCalc.getPrice(price);
}
Client();

运行结果:

JS设计模式之策略模式概念与用法分析

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
javascript 常用代码技巧大收集
Feb 25 Javascript
JQUERY操作JSON实例代码
Feb 09 Javascript
JQuery小知识
Oct 15 Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
js实时获取并显示当前时间的方法
Jul 31 Javascript
Javascript基础回顾之(二) js作用域
Jan 31 Javascript
详解Angular 开发环境搭建
Jun 22 Javascript
JavaScript 中使用 Generator的方法
Dec 29 Javascript
bootstrap里bootstrap动态加载下拉框的实例讲解
Aug 10 Javascript
node.js使用redis储存session的方法
Sep 26 Javascript
详解vue父子组件状态同步的最佳方式
Sep 10 Javascript
Node.js成为Web应用开发最佳选择的原因
Feb 05 #Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 #Javascript
javascript实现最长公共子序列实例代码
Feb 05 #Javascript
JS设计模式之访问者模式定义与用法分析
Feb 05 #Javascript
基于vue 动态加载图片src的解决方法
Feb 05 #Javascript
vue2.0 datepicker使用方法
Feb 04 #Javascript
js数组常用最重要的方法
Feb 04 #Javascript
You might like
火影忍者:这才是千手柱间和扉间的真正死因,角都就比较搞笑了!
2020/03/10 日漫
人族 Terran 魔法与科技
2020/03/14 星际争霸
php 分页类 扩展代码
2009/06/11 PHP
PHP+SQL 注入攻击的技术实现以及预防办法
2011/01/27 PHP
zf框架的校验器使用使用示例(自定义校验器和校验器链)
2014/03/13 PHP
php+memcache实现的网站在线人数统计代码
2014/07/04 PHP
PHP中的插件机制原理和实例
2014/07/08 PHP
PHP获取页面执行时间的方法(推荐)
2016/12/10 PHP
Yii框架用户登录session丢失问题解决方法
2017/01/07 PHP
php生成网页桌面快捷方式
2017/05/05 PHP
PHP实现生成模糊图片的方法示例
2017/12/21 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
javascript简单实现表格行间隔显示颜色并高亮显示
2013/11/29 Javascript
jQuery经过一段时间自动隐藏指定元素的方法
2015/03/17 Javascript
jQuery筛选数组之grep、each、inArray、map的用法及遍历json对象
2016/06/20 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
2017/08/31 Javascript
vue最简单的前后端交互示例详解
2018/10/11 Javascript
详解Vue SSR( Vue2 + Koa2 + Webpack4)配置指南
2018/11/13 Javascript
微信小程序结合Storage实现搜索历史效果
2019/05/18 Javascript
vue集成chart.js的实现方法
2019/08/20 Javascript
[06:43]DAC2018 4.5 SOLO赛 Maybe vs Paparazi
2018/04/06 DOTA
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
基于python进行桶排序与基数排序的总结
2018/05/29 Python
pytorch实现建立自己的数据集(以mnist为例)
2020/01/18 Python
python3中TQDM库安装及使用详解
2020/11/18 Python
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
Doyoueven官网:澳大利亚健身服饰和配饰品牌
2019/03/24 全球购物
欧缇丽加拿大官方网站:Caudalie加拿大
2019/07/18 全球购物
Ariat官网:美国马靴和服装品牌
2019/12/16 全球购物
银行介绍信范文
2014/01/10 职场文书
拾金不昧的表扬信
2014/01/16 职场文书
计算机求职信
2014/07/02 职场文书
家长通知书家长意见
2015/06/03 职场文书
恋恋笔记本观后感
2015/06/16 职场文书
Ajax是什么?Ajax高级用法之Axios技术
2021/04/21 Javascript
CSS布局之浮动(float)和定位(position)属性的区别
2021/09/25 HTML / CSS