JS实现策略模式

  作者:zhanhailiang 日期:2012-10-24

基本概念介绍

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

使用策略模式的其中一个例子是解决表单验证问题。可以创建一个具有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",                        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;    }}; 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."}; 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对象的方法是添加更多的类型检查。若在多个页面中使用它，很快就会有一个优良的特定检查集合，故以后针对每个新的用例，所需做的就是配置该验证器并运行validate()方法。