将配置数据从代码中分离出来

一、代码无非是定义一些指令的集合让计算机来执行;

 

二、当我们修改源代码时，会引入bug风险，且当你只修改一些数据值也会带来一些不必要的风险，因为数据是不应当影响指令的正常运行的，因此，应用应当将关键数据从主要的源代码中抽离出来;

 

三、代码分析：

抽离配置数据-----将配置数据从代码中抽离出来的第一步是将配置数据拿到外部，即将数据从JavaScript代码之中拿掉;

将配置数据保存在了config对象中，config对象的每个属性都保存了一个数据片段，每个属性都有前缀，用以表明数据的类型（MSG表示展现给用户的消息，URL表示网络地址，CSS表示这是一个className）：

var config = {
      MSG_INVALID_VALUE:"Invalid value",
      URL_INVALID:"/errors/invalid.php",
      CSS_SELECTED:"selected" 
};

 定义一个validate函数，当不为value值的时候弹出MSG_INVALID_VALUE;

function validate(value){
     if(!value){
              alert(config.MSG_INVALID_VALUE);
              location.href = config.URL_INVALID;
     }
}

  所有的配置数据都从函数中移除，并将换为config对象中的属性占位符：

function toggleSelected(element){
     if(hasClass(element,config.CSS_SELECTED)){
          removeClass(element,config.CSS_SELECTED);
     }
     else{
          addClass(element,config.CSS_SELECTED);
     }
}

 

四、总结：将配置数据抽离出来意味着任何人都可以修改它们，而不会导致应用逻辑出错。同样，我们可以将整个config对象放到单独的文件中，这样对配置数据的修改可以完全和使用这些数据的代码隔离下来。