聚焦javascript的策略模式

‍今天看到一篇很好的文章和你们分享一下：

定义: 封装一系列的算法，使得他们之间能够相互替换，本模式使用算法独立于使用它的客户的变化。

说明：策略模式，是一种组织算法的模式，核心不在于算法，而在于组织一系列的算法，而且如何去使用它；策略模式做用在于，行为实现的不可预见，面对这样的一种变化，咱们得思考如何使用程序好维跟扩展，并使得客户很好的使用算法的方式；

策略模式 使用要注意它 "变化" 的一面，策略模式就是来解决这个 变化 问题的。

好比商场买卖的价格或促销问题，若是不使用模式，就可能只是 把“全部”的状况用 if else 相似“硬编码” 的开式写在一块儿，或是传个传个参数，稍加点内部逻辑代码，最好就是一同写在一个类里面；

如:

function Price(personType, price) {

    //大客户 5 折

    if (personType == 'vip') {

        return price * 0.5;

    } 

    else if (personType == 'old'){ //老客户 3 折

        return price * 0.3;

    } else {

        return price; //其余都全价

    }

}

 

咱们把上面的当作一个类，若是要扩展一种价格手段，就得在 Price 里添加新的 else if，或是修改某个算法逻辑，就得某个 if 或 else if 里修改， 这是对单个类的修改，并且这种状况势必得常常修改这个类，这违反了设计模式的一个原则：对修改关闭，对扩展开放的原则；

并且这些算法，在不一样客户面前可能会常常替换，固定参数也不能知足需求；

解决这种问题就可使用策略模式，策略在于关注变化，把各行为不一样的实现各自封装起来，好比要实现一只动物，走路，叫声，吃东西的各类表现，就能够把走路，叫声，吃东西，就能够定义三个接口抽象，而后把他们各自具体实现去实现三个接口；

 前面说，策略模式是使算法可独立于使用的客户的改变，因此策略模式里，通常是在客户端定义选择使用的算法，传入相应的参数，再根据算法返回结果；

 这种有点相似简单工厂模式，这种再加层 Context 是为了客户使用起来更简单调用，没必要自处理一些逻辑，让团队开发，更趋一致；Context 也能够作成一个基类，其下能够有多个实现子类继承；

 Context 跟 Client 能够改成:

 继承子类只需引用本身的实现接口算法，便可，这样客户能够更简单的调用，也没必要理会各类动物使用什么接口，是怎么实现的了；

这里以上面的商场价格手段来实现:

 . 实现几种算法，Javascript是弱类型，没有接口这号东西，就是直接写了;

 

vip 客户

 

function vipPrice() {

    this.discount = 0.5;

}

 

vipPrice.prototype.getPrice = function(price) {

　　return price * this.discount;

}

 

老客户:

 

 

function oldPrice() {

    this.discount = 0.3;

}

 

oldPrice.prototype.getPrice = function(price) {

    return price * this.discount;

}

 

普通客户

 

 

function Price() {

    this.discount = 1;

}

 

Price.prototype.getPrice = function(price) {

    return price ;

}

 

2. 上下文:

 

 

function Context() {

    this.name = '';

    this.strategy = null;

    this.price = 0;

}

 

Context.prototype.set = function(name, strategy, price) {

    this.name = name;

    this.strategy = strategy;

    this.price = price;

}

 

Context.prototype.getResult = function() {

    console.log(this.name + ' 的结帐价为: ' + this.stragegy.getPrice(this.price));

}

 

3. 客户端使用;

 

 

// 上下文

var context = new Context();

 

//vip客户

var vip = new vipPrice();

context.set ('vip客户', vip, 200);

context.getPrice();

 

//老客户

var old = new oldPrice();

context.set ('老客户', old, 200);

context.getPrice();

 

//普通客户

//...

 这样即便得 客户 与算法解藕，又使得修改跟扩展能独立的进行，不影到客户端或其余算法的使用；

其余说明

策略模式是一个很是实用跟经常使用的设计模式，普通用于商场价格，促销等场景，他跟工厂模式很像，能够说是他的一种升级版本；

 策略模式相关模式：工厂模式，组合模式；

‍