★策略模式★

策略模式

我们在编程的时候，经常会遇到一套算法，具体使用哪个算法需要看情况。但是即使不用这一套算法，也要预先定义。此时为了是这一套算法易于维护，可以使用策略模式

比如说用户输入购买的汽油编号和加油升数，用来显示实时价格

• 89号汽油   5.35元/升
• 92号汽油   5.55元/升
• 95号汽油   5.75元/升
• 0号柴油    5.2元/升

先看非设计模式的算法

<script>
function calc(type, amount) {
    if (type == 89) {
        return amount * 5.3-+5;
    } else if (type == 92) {
        return amount * 5.55;
    } else if (type == 95) {
        return amount * 5.75;
    } else if (type == 0) {
        return amount * 5.2
    }
}
var jiage = calc(0, 100)
console.log(jiage)
</script>

 

 

 

 

此时我们想一下，这就是所谓的一套算法，算的是什么，算的是价格。根据型优品型号号来算钱。所以我们可以以这个为出发点来设计策略模式

<script>
    // 策略清单
    var stra = {
        "89": function(amount) {
            return amount * 5.35;
        },
        "92": function(amount) {
            return amount * 5.55;
        },
        "95": function(amount) {
            return amount * 5.75;
        },
        "0": function(amount) {
            return amount * 5.2;
        },
    };
    // 选择一种策略
    var jiage = stra['92'](100)
    console.log(jiage)
</script>

 

 

 

 

策略模式可以用于组合一系列算法，也可以组合一系列业务

比如我们需要通过成绩等级来计算学生的最终得分：

<script>
    // 映射关系
    var levelMap = {
        S: 10,
        A: 8,
        B: 6,
        C: 4
    };
    // 组策略
    var scoreLevel = {
        // 基础分数值
        baseScore: 80,
        S: function() {
            return this.baseScore + levelMap['S']
        },
        A: function() {
            return this.baseScore + levelMap['A']
        },
        B: function() {
            return this.baseScore + levelMap['B']
        },
        C: function() {
            return this.baseScore + levelMap['C']
        }
    };
    //获取策略
    function getScore(level) {
        // 返回的成绩
        return scoreLevel[level] ? scoreLevel[level]() : 0;
    }
    console.log(getScore("S"))　　　　//90
    console.log(getScore("A"))　　　　//88
    console.log(getScore("B"))　　　　//86
    console.log(getScore("C"))　　　　//84
    console.log(getScore("D"))　　　　//0
</script>

 

 

 

比较经典的策略者模式就是关于表单校验的逻辑

<script>
    // 错误信息
    var errorMessage = {
        default: "当前的输入格式不正确",
        minLength: "输入的数据长度不够",
        isNumber: "输入数据类型不是数字",
        required: "内容不能为空"
    }
    // 规则集合
    var rules = {
        // 最大长度
        minLength: function(value, length, errorMsg) {
            if (value.length < length) {
                return errorMsg || errorMessage['minLength'];
            }
        },
        // 数字类型的校验
        isNumber: function(value, errorMsg) {
            if (!/\d+/.test(value)) {
                return errorMsg || errorMessage("isNumber")
            }
        },
        // 内容不能为空
        required: function(value, errorMsg) {
            if (value == '') {
                return errorMsg || errorMessage("required")
            }
        }
    };
    // 校验构造函数
    function Validator() {
        this.items = []
    };
    Validator.prototype.add = function(value, rule, errorMsg) {
            // 接受参数
            var arg = [value];
            // 超出length的提示语信息内容
            if (rule.indexOf('minLength') !== -1) {
                var temp = rule.split(":");
                arg.push(temp[1]);
                // 强行给rule赋值为temp第0项的逻辑
                rule = temp[0]
            };
            arg.push(errorMsg);
            // 存储校验参数
            this.items.push(function() {
                // rules是外面的规则集合，rule是函数的形参
                return rules[rule].apply(null, arg)
            })

        }
        // 执行校验
    Validator.prototype.start = function() {
        for (var i = 0; i < this.items.length; i++) {
            // 执行校验逻辑
            var ret = this.items[i]()
            if (ret) {
                console.log(ret)
            }
        }
    }
    var validate = new Validator();
    validate.add("ccc", "isNumber", "数据类型为数字")
    validate.add("123", "minLength:5", '最少输入5位')
    var ret = validate.start()
</script>