摘要：實(shí)際上在這種將函數(shù)作為一等對(duì)象的語(yǔ)言里，策略模式已經(jīng)融入到了語(yǔ)言本身當(dāng)中，我們經(jīng)常使用高階函數(shù)來(lái)封裝不同的行為，并且把它傳遞到另一個(gè)函數(shù)中。

聲明：這個(gè)系列為閱讀《JavaScript設(shè)計(jì)模式與開(kāi)發(fā)實(shí)踐》 ----曾探@著一書(shū)的讀書(shū)筆記

將不變的部分和變化的部分隔開(kāi)是每個(gè)設(shè)計(jì)模式的主題。

定義一系列的算法，把它們一個(gè)個(gè)封裝起來(lái)，并且使它們可以相互替換。

將算法的使用與算法的實(shí)現(xiàn)分離開(kāi)來(lái)。

使用策略模式來(lái)實(shí)現(xiàn)計(jì)算獎(jiǎng)金

var performances = function () {};

performances.prototype.calculate = function (salary) {
    return salary * 4;
};

var performanceA =function () {};

performanceA.prototype.calculate=function (salary) {
    return salary * 3;
};

var performanceB =function () {};

performanceB.prototype.calculate=function (salary) {
    return salary * 2;
};

//定義獎(jiǎng)金類Bonus

var Bonus =function () {
    this.salary = null;  //原始工資
    this.strategy = null;//績(jī)效等級(jí)對(duì)應(yīng)的策略對(duì)象
};

Bonus.prototype.setSalary=function (salary) {
    this.salary=salary;  //設(shè)置員工的原始工資
};

Bonus.prototype.setStrategy=function (strategy) {
    this.strategy=strategy;//設(shè)置績(jī)效等級(jí)對(duì)應(yīng)的策略對(duì)象
};


Bonus.prototype.getBonus =function () { //取得獎(jiǎng)金數(shù)額
    return this.strategy.calculate(this.salary);//把計(jì)算獎(jiǎng)金的操作委托給對(duì)應(yīng)的策略對(duì)象
};




var bonus = new Bonus();
bonus.setSalary(10000);
bonus.setStrategy(new performances());//設(shè)置策略對(duì)象

console.log(bonus.getBonus());

bonus.setStrategy(new performanceA());

console.log(bonus.getBonus());

定義有系列的算法，把它們各自封裝成策略類，算法被封裝在策略類內(nèi)部的方法里。在客戶端對(duì)Context發(fā)起請(qǐng)求的時(shí)候，Context總是把請(qǐng)求委托給這些策略對(duì)象中間的某一個(gè)進(jìn)行計(jì)算。

//封裝的策略算法
var strategies={
    "S":function (salary) {
        return salary * 4;
    },
    "A":function (salary) {
        return salary * 3;
    },
    "B":function (salary) {
        return salary * 2;
    }
};


//具體的計(jì)算方法
var calculateBonus=function (level, salary) {
    return strategies[level](salary);
};

console.log(calculateBonus("S",1000));
console.log(calculateBonus("A",4000));

使用策略模式重構(gòu)代碼，可以消除程序中大片的條件分支語(yǔ)句。在實(shí)際開(kāi)發(fā)中，我們通常會(huì)把算法的含義擴(kuò)散開(kāi)來(lái)，使策略模式也可以用來(lái)封裝一系列的“業(yè)務(wù)規(guī)則”。只要這些業(yè)務(wù)規(guī)則指向的目標(biāo)一致，并且可以被替換使用，我們就可以使用策略模式來(lái)封裝他們。

//策略對(duì)象

var strategies = {
    isNonEmpty: function (value, errorMsg){
        if (value === "") {
            return errorMsg;
        }
    },
    minLength: function (value, length, errorMg){
        if (value.length < length) {
            return errorMg;
        }
    },
    isMobile: function (value, errorMsg){
        if (!/(^1[3|5|8][0-9]{9}$)/.test(value)) {
            return errorMsg;
        }
    }
};



/**
 * Validator 類
 * @constructor
 */
var Validator = function (){
    this.cache = [];
};

Validator.prototype.add = function (dom, rules){
    var self = this;

    for (var i = 0, rule; rule = rules[i++];) {
        (function (rule){
            var strategyAry=rule.strategy.split(":");
            var errorMsg=rule.errorMsg;

            self.cache.push(function (){
                var strategy=strategyAry.shift();
                strategyAry.unshift(dom.value);
                strategyAry.push(errorMsg);
                return strategies[strategy].apply(dom,strategyAry);
            })
        })(rule)
    }
};

Validator.prototype.start=function (){
    for (var i=0,validatorFunc;validatorFunc=this.cache[i++];){
        var errorMsg=validatorFunc();
        if(errorMsg){
            return errorMsg;
        }
    }
};

//客戶端調(diào)用的代碼

var registerForm=document.getElementById("registerForm");
var validataFunc=function (){
    var validator=new Validator();

    validator.add(registerForm.userName,[{
        "strategy":"isNonEnpty",
        "errorMsg":"用戶名不能為空"
    },{
        "strategy":"minLength",
        "errorMsg":"用戶名長(zhǎng)度不能小于10位"
    }]);

    // validator.add(registerForm.password,[])

    var errorMsg =validator.start();
    return errorMsg;

};

registerForm.onsubmit=function (){
    var errorMsg=validataFunc();

    if(errorMsg){
        alert(errorMsg);
        return false;
    }
};

優(yōu)點(diǎn)：

策略模式利用組合，委托和多態(tài)等技術(shù)思想，可以有效的避免多重條件選擇語(yǔ)句；

策略模式提供了對(duì)開(kāi)放-封閉原則的完美支持，將算法封裝在獨(dú)立的strategy中，使得它們易于切換，易于理解，易于擴(kuò)展。

策略模式中的算法也可以復(fù)用在系統(tǒng)的其它地方，從而避免許多重復(fù)的復(fù)制粘貼工作。

在策略模式中利用組合和委托來(lái)讓Context擁有執(zhí)行算法的能力，這也是繼承的一種更輕便的替代方案。

缺點(diǎn)：

策略模式會(huì)在程序中添加許多的策略類和策略對(duì)象

要使用策略模式，就必須要了解各個(gè)strategy和他們之間的不同點(diǎn)，這樣才能選擇一個(gè)合適的strategy。

在函數(shù)作為一等對(duì)象的語(yǔ)言中，策略模式是隱形的。strategy就是值為函數(shù)的變量。

在JavaScript中，除了使用類來(lái)封裝算法和行為之外，使用函數(shù)當(dāng)然也是一種選擇。這些“算法”可以被封裝到函數(shù)中并且四處傳遞，也就是我們常說(shuō)的“高階函數(shù)”。

實(shí)際上在JavaScript這種將函數(shù)作為一等對(duì)象的語(yǔ)言里，策略模式已經(jīng)融入到了語(yǔ)言本身當(dāng)中，我們經(jīng)常使用高階函數(shù)來(lái)封裝不同的行為，并且把它傳遞到另一個(gè)函數(shù)中。當(dāng)我們對(duì)這些函數(shù)發(fā)出“調(diào)用”的消息時(shí)，不同的函數(shù)會(huì)返回不同的執(zhí)行結(jié)果。所以在JavaScript中，“函數(shù)對(duì)象的多態(tài)性”會(huì)更加簡(jiǎn)單些。

在JavaScript語(yǔ)言的策略模式中，策略類往往被函數(shù)所代替，這時(shí)策略模式就成了一種“隱形”的模式。