当前位置:编程学习 > JS >>

JS实现策略模式

基本概念介绍

策略模式支持你在运行时选择算法。代码的客户端可以使用同一个接口来工作。但是它却根据客户正在试图执行任务的上下文,从多个算法中选择用于处理特定任务的算法。

使用策略模式的其中一个例子是解决表单验证问题。可以创建一个具有validate()方法的验证器(validator)对象。无论表单的具体类型是什么,该方法都将会被调用,并且总是返回相同的结果,一个未经验证的数据列表以及任意的错误消息。

但是根据具体的表单形式及待验证的数据,验证器的客户端可以选择不同类型的检查方法,验证器将选择最佳的策略以处理任务,并将具体的数据验证委托给适当的算法。

数据验证示例

假设有以下数据块,它可能来自于网页上的一个表单,而你需要验证它是否有效:

var data = {
    first_name : "Super",
    last_name : "Man",
    age : "unknown",
    username : "o_0"
};
在这个具体的例子中,为使验证器知道什么 是最好的策略,首先需要配置该验证器,并且设置认为是有效的且可接受的规则。

validator.config = {
    first_name : 'isNonEmpty',
    age : 'isNumber',
    username : 'isAlphaNum'
};
 
validator.validate(data);
if(validator.hasErrors()) {
    console.log(validator.messages.join("\n"));
}
接下来实现validator。首先实现用于检查的可用算法。

validator.types.isNonEmpty = {
    validate : function(value) {
        return value !== '';
    },
    instructions : "the value cannot be empty."
};
 
validator.types.isNumber = {
    validate : function(value) {
        return !isNaN(value);
    },
    instructions : "the value can only be a valid number, e.g. 1, 3.14 or 2010."
};
 
validator.types.isAlphaNum = {
    validate : function(value) {
        return !/[^a-z0-9]/i.test(value);
    },
    instructions : "the value can only contain characters and numbers, no special symbols."
};
最后,核心的validator对象如下所示:

var validator = {
    // 所有可用的检查
    types : {},
 
    // 在当前验证会话中的错误信息
    messages : [],
 
    // 当前验证配置名称:验证类型
    config : {},
 
    // 接口方法 `data`为key-value对
    validate : function(data) {
        var i, msg, type, checker, result_ok;
 
            // 重置所有信息
        this.messages = [];
 
        for(i in data) {
            if(data.hasOwnProperty(i)) {
                type = this.config[i];
                checker = this.types[type];
 
                if(!type) {
                    continue;
                }
                if(!checker) {
                    throw {
                        name : "ValidationError",
                        message : "No handler to validate type " + type
                    };
                }
 
                result_ok = checker.validate(data[i]);
                if(!result_ok) {
                    msg = "Invalid value for *" + i + "*, " + checker.instructions;
                    this.messages.push(msg);
                }
            }
        }
        return this.hasErrors();
    },
 
    // 帮助函数
    hasErrors : function() {
        return this.messages.length !== 0;
    }
};
完整代码:

var validator = {
    // 所有可用的检查
    types : {},
 
    // 在当前验证会话中的错误信息
    messages : [],
 
    // 当前验证配置名称:验证类型
    config : {},
 
    // 接口方法 `data`为key-value对
    validate : function(data) {
        var i, msg, type, checker, result_ok;
 
            // 重置所有信息
        this.messages = [];
 
        for(i in data) {
            if(data.hasOwnProperty(i)) {
                type = this.config[i];
                checker = this.types[type];
 
                if(!type) {
                    continue;
                }
                if(!checker) {
                    throw {
                        name : "ValidationError",
                        messa

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,