标签：blog   com   优化   开发者   原创   clu   console   情况下   oschina   

1，前言

今早看了一篇文章《JavaScrip实现：如何写出漂亮的条件表达式》，原创于：华为云开发者社区，作者：查尔斯。抱着随便逛逛的心态看了一下，受益匪浅，于是记录一下，我认为对我有用的几点。

2，多条件if语句优化

在写业务代码的过程中，经常会碰到需要判断多个条件的if语句，如下：

function zoo(animal) {
  if (animal === "dog" || animal === "cat" || animal === "tiger") {
    console.log(‘这是一只哺乳动物‘);
  } else {
    // ...
  }
}

let name = ‘tiger‘;

console.log(zoo(name));

这种写法在条件比较少的情况下看起来没有问题，但是如果继续拓展判断的条件，那么代码将会变得难以维护，而且逻辑会不清晰。

解决方法

function zoo(animal) {
  const list = [‘dog‘, ‘cat‘, ‘tiger‘]
  if (list.includes(animal)) {
    console.log(‘这是一只哺乳动物‘);
  } else {
    // ...
  }
}

let name = ‘tiger‘;

console.log(zoo(name));

这里创建了一个数组，以便将条件与逻辑语句分开，并使用了includes方法，现在，如果我们想要检查任何其他动物，我们需要做的就是添加一个新的数组项

3，参数默认值

function log(type, obj = {}){
  console.log(type)
  console.log(obj.name)
}
log(0)

以上，会打印出 0 和 undefined， 如果没有设置obj = {}，就会报错。

4，Switch语句优化

如下，这是一个设置title的函数，看上去很丑陋

// 设置标题
setTitle(type) {
  let flow = type || 0;
  let title = ‘筹开项目‘;
  switch (flow) {
    case 1:
      title = ‘房源立项‘
      break
    case 2:
      title = ‘发起支出‘
      break
    case 3:
      title = ‘开放预定‘
      break
    case 4:
      title = ‘开放签约‘
      break
  }
  return title;
}

经过改造，可以变成如下

setTitle(type) {
  let flow = type || 0;
  let list = [‘筹开项目‘, ‘房源立项‘, ‘发起支出‘, ‘开放预定‘, ‘开放签约‘]
  return list[flow];
}

如果看了觉得有帮助的，我是@鹏多多，欢迎 点赞 关注 评论；
END

往期文章

• 使用nvm管理node.js版本以及更换npm淘宝镜像源
• 细数JS中实用且强大的操作符&运算符
• 微信小程序request请求的封装
• 微信小程序实现搜索关键词高亮

个人主页

• CSDN
• GitHub
• 简书
• 博客园
• 掘金

JavaScrip条件表达式优化

标签：blog   com   优化   开发者   原创   clu   console   情况下   oschina   

原文地址：https://www.cnblogs.com/-pdd/p/14780222.html