[JavaScript知识库]JavaScript怎么优雅的写条件判断语句

初级

      if (id == 6) {
        uni.navigateTo({
          url: "../about/about",
        });
      }
      if (id == 5) {
        uni.navigateTo({
          url: "../feedBack/feedBack",
        });
      }
      if (id == 2) {
        uni.navigateTo({
          url: "../editmeans/editmeans",
        });
      }
      if (id == 1) {
        uni.navigateTo({
          url: "../emailbind/emailbind",
        });
      }
      if (id == 0) {
        uni.navigateTo({
          url: "../changepassword/changepassword",
        });
    }

中级

//抽象出数据对象方法
const ACTIONS={
  '0':'changepassword',
  '1':'emailbind',
  '2':"editmeans",
  '5':"feedBack",
  '6':"about"
}

//函数调用
config(id) {
      let ids = id + "";
      let action = ACTIONS[ids];

      uni.navigateTo({
      url: `../${action}/${action}`,
  });
 }

高级

const ACTIONS = new Map([
  [0, "changepassword"],
  [1, "emailbind"],
  [2, "editmeans"],
  [5, "feedBack"],
  [6, "about"],
]);

config(id) {
      let action = ACTIONS.get(id);

      uni.navigateTo({
        url: `../${action}/${action}`,
      });
}

虽然if-else语句写起来快速并且让人容易阅读理解，但是如果遇到业务需求非常庞大的时候，这样写改起BUG来就会非常头疼；使用ES6最新的api Map，构建键值对映射关系，把数据和控制分离，不仅可以达到在原来基础上的快速开发，也可以利于后期的维护；当然，在平时工作中这样写也可以体现出开发者的技术水平