码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScrip条件表达式优化

时间:2021-05-24 14:36:34      阅读:0      评论:0      收藏:0      [点我收藏+]

标签: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)

以上,会打印出 0undefined, 如果没有设置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

技术图片

往期文章

个人主页

JavaScrip条件表达式优化

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

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!