js --策略模式

策略模式的定义:

将算法一个个的单独进行封装,并且使他们可以相互替换。此模式让算法的变化不会影响到使用算法的客户。

先回顾一下,我们在做项目的过程中,是不是经常会遇见因为业务逻辑的关系,我们会写好多的is-else语句进行判断,或者使用switch语句,在后期添加新的需求的时候,比较头疼的需要去改这些判断语句,而且有时候会,添加一条判断语句,一不小心会导致所有的判断都失效呢?举一个之前项目中用到的例子把,简化一下。有一个按钮在不同的条件下,跳转到不同的页面,如下:

toseeHouse() {
            switch(this.activeIndex){
                case 0:uni.navigateTo({
                            url: ‘/0‘
                        });
                    break;
                case 1:uni.navigateTo({
                            url: ‘/1‘
                        });
                    break;
                case 2:uni.navigateTo({
                            url: ‘/2‘
                        });
                    break;
                case 3:uni.navigateTo({
                            url: ‘/3‘
                        });
                    break;
            }
        },

这段代码带来的问题主要是在增加新的需求的时候,我们还需要修改这段代码的整体逻辑。

然后根据策略模式,我们将一系列的算法单独封装出去,使用哪个,调用哪个方法。

JavaScript版本的策略模式

let obj = {
        ‘0‘: function() {
            return ‘0‘
        },
        ‘1‘: function() {
            return ‘1‘
        },
        ‘2‘: function() {
            return ‘2‘
        }
    }
    console.log(‘111111111‘, obj[‘0‘]()) //0

这样,就避免了if-else 语句的判断,如果增加了新的业务逻辑,我们可以直接修改算法,而不会影响用户的使用。

使用策略模式重构代码,可以消除程序中大片的条件分支语句。在实际开发的过程中,我们通常会把算法的含义扩散开来,是策略模式也可以封装一系列的“业务规则”。只要这些业务规则的指向的目标一致,并且可以被替换使用,我们就可以使用策略模式来封装他们。

在举一个在网上看到的例子,应该算是比较经典的把,因为 好多博客中都以这个例子为例,就是计算奖金的这个例子。

传统版的策略模式:

 var performanceA = function() {

    }
    performanceA.prototype.calculate = function(salary) {
        return salary*4;
    }
    var performanceB = function() {}
    performanceB.prototype.calculate = function(salary) {
        return salary*3
    }
    var performanceC = function() {}
    performanceC.prototype.calculate = function(salary) {
        return salary*2
    }
    //奖金类
    var Bouns = function() {
        this.salary = null; //原始工资
        this.levelObj = null; //绩效等级对应的策略模式
    }
    Bouns.prototype.setSalary = function(salary) {
        // 保存员工的原始工资
        this.salary = salary;
    }
    Bouns.prototype.setlevelObj = function(levelObj) {
        // 设置员工绩效等级对应的策略模式
        this.levelObj = levelObj;
    }
    Bouns.prototype.getBouns = function() {
        // 把计算奖金的操作委托给对应的策略对象
        return this.levelObj.calculate(this.salary)
    }
    var bouns = new Bouns();
    bouns.setSalary(1000);
    bouns.setlevelObj(new performanceA());
    console.log(bouns.getBouns()) // 4000
    bouns.setlevelObj(new performanceB())
    console.log(bouns.getBouns()) // 3000

策略模式 应该至少由两部分组成,一部分使策略类,就是里面封装了具体的算法。并且负责具体的计算过程。第二个部门就是环境类Context。该Contex接收客户的请求,然后把请求委托给符合要求的某一个策略类。

策略模式的优点:

优点:

- 避免使用大量的if-else语句,使代码块简洁,易读。

- 符合设计原则中的开放-封闭原则,面向扩展开放,面向修改关闭。

- 复用性高

缺点:

- 增加了许多策略类或者策略对象

总结:

策略模式定义了一系列的算法,从概念上讲,所有的这些算法都是做相同的事情,只是实现不同,他可以以相同的方式调用所有的方法,减少了各种算法类与使用算法类之间的耦合。

原文地址:https://www.cnblogs.com/mn6364/p/10988956.html

时间: 2024-08-30 08:38:58

js --策略模式的相关文章

js策略模式

策略模式定义了算法家族,分别封装起来,让他们之间可以相互替换,此模式让算法的变化不会影响到使用算法的客户. 先上C#版本: namespace 策略模式 { //现金收取父类 abstract class CashSuper { //抽象方法:收取现金,参数为原价,返回为当前价 public abstract double acceptCash(double money); } } namespace 策略模式 { //正常收费,继承CashSuper class CashNormal : Ca

理解js设计模式之策略模式

策略模式的定义:定义一系列的算法,然后根据实际情况去调用 一个小插曲:最近在项目的过程中接手了一个比较复杂的需求,由于是旧的项目用新的框架重构,所以能够看见以前的代码,吸取下前人代码的精华,复用一些可用的代码,免得自己写半天..当然这篇的主题是策略模式,不会离题,因为当我完成了Version 1 后,项目里面大量的if-else 字段的验证都放在一个函数里面,而且不同字段有些还会相互影响,导致代码很长很乱大概有几十行的if else ,丝毫没有条理:这个时候,需要去重构这个原本的底层验证函数,那

JS设计模式——策略模式

核心:定义一些列的算法(逻辑)封装起来,并且它们是平等关系可以相互替换js中的策略模式关键字:策略和业务分离 (一)基本实现 常见代码: function playGame(gameName){ let str; if(gameName == 'footBall'){ str = '不喜欢玩足球' }else if(method == 'basketball'){ str = '不喜欢玩蓝球' }else if(method == 'pingpang'){ str = '不喜欢玩乒乓' }els

js设计模式(一)---策略模式

策略模式: 定义: 定义一系列的算法,把他们一个个封装起来,并且是他们可以相互替换 应用场景: 要求实现某一个功能有多种方案可以选择.比如:条条大路通罗马 实现: 场景,绩效为 S的人年终奖有 4倍工资,绩效为 A的人年终奖有 3倍工资,而绩效为 B的人年终奖是 2倍工资.假设财务部要求我们提供一段代码,来方便他们计算员工的年终奖. var calculateBonus = function( performanceLevel, salary ){ if ( performanceLevel =

JS设计模式(2)策略模式

什么是策略模式? 定义:根据不同参数可以命中不同的策略 主要解决:在有多种算法相似的情况下,使用 if...else 所带来的复杂和难以维护. 何时使用:有许多种情况,而区分它们的只是他们直接的行为. 如何解决:通过一个hash对象,来映射不同的策略. 优点: 1.算法可以自由切换. 2.避免使用多重条件判断. 3.扩展性.复用性良好. 缺点: 1.策略类会增多. 2.所有策略类都需要对外暴露. 使用场景: 1.需要动态地根据行为改变运行方法.2.为了减少代码,同时为了让代码具有更好的可读性.3

JS常用的设计模式(9)——策略模式

策略模式的意义是定义一系列的算法,把它们一个个封装起来,并且使它们可相互替换.一个小例子就能让我们一目了然. 回忆下jquery里的animate方法. $( div ).animate( {"left: 200px"}, 1000, 'linear' ); //匀速运动 $( div ).animate( {"left: 200px"}, 1000, 'cubic' ); //三次方的缓 这2句代码都是让div在1000ms内往右移动200个像素. linear(

策略模式的JS实现

var S = function (salary) { return salary * 4; }; var A = function (salary) { return salary * 3; }; var B = function (salary) { return salary * 2; }; var calculateBonus = function (func, salary) { return func(salary); }; calculateBonus(S, 10000); 能看出

大熊君说说JS与设计模式之------策略模式Strategy

一,总体概要 1,笔者浅谈 策略模式,又叫算法簇模式,就是定义了不同的算法,并且之间可以互相替换,此模式让算法的变化独立于使用算法的客户. 策略模式和工厂模式有一定的类似,策略模式相对简单容易理解,并且可以在运行时刻自由切换.工厂模式重点是用来创建对象. 策略模式应用比较广泛,比如:我们现在要定义数据交换格式,现有三种方案可选1,XML  2,JSON  3,CSV就可以使用策略模式实现. 这里我要强调的是------我们是针对不同数据源选择不同方案,针对的都是同一事物做相同意图的操作只是方案不

【JS设计模式】策略模式的代码示例

策略模式的概念引用:        在软件开发中也常常遇到类似的情况,实现某一个功能有多种算法或者策略,我们可以根据环境或者条件的不同选择不同的算法或者策略来完成该功能.如查找.排序等,一种常用的方法是硬编码(Hard Coding)在一个类中,如需要提供多种查找算法,可以将这些算法写到一个类中,在该类中提供多个方法,每一个方法对应一个具体的查找算法:当然也可以将这些查找算法封装在一个统一的方法中,通过if-else-或者case等条件判断语句来进行选择.这两种实现方法我们都可以称之为硬编码,如