在JavaScript中设计模式的应用(实现验证器)

250 阅读1分钟

在日常开发中,总有需要封装代码的需求。今天用策略模式实现一个前端的验证器(粗略版)

我对策略模式理解:将众多的逻辑(业务、算法),封装成一个个函数or方法,供调度器中调用。在需要地方调用带参数该调度器,即策略模式。

代码如下:

export default {
  name: "vali",
  data() {
    return {
      validator: {
        require: (field, data) => {
          if (data) {
            console.log(field + "字段不能为空");
          }
        }
      }
    };
  },
  created() {
    this.strategy("user", [], "require");
  },
  methods: {
    strategy(field, data, rule) {
      this.validator[rule](field, data);
    }
  }
};