JavaScrip条件表达式优化
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
往期文章
个人主页
版权声明：本文为-pdd原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。