if...else if的另一种实现

if…else 经常出现在编码中，但是当条件判断比较多的时候，代码可读性就会下降，不同的条件下，代码逻辑也会不一样例如：

if(status === 1) {
	...
} else if(status === 2) {
	...
} else if(status === 3){
...
}

条件分支不是很多的情况下，可以使用if..else if ..else也是可以实现的
也可以使用switch...case也可以实现
一般在采用以下几种方式做：

1. 多种状态下，逻辑相同，可以条件合并。使用includes

if ([1, 2].includes(status)) {
	return x;
}

2. 使用Map 结果来使用条件，这种是做状态映射，拿取值比较方便的话，就还好

const STATUS_MAP = new Map([
	[0, '已取消'],
	[1, '待完成'],
	[2, '已完成'],
])
console.log(STATUS_MAP.get(status))
或者可以映射成对象形式，遍历的时候比较方便
const STATUS_OBJ = {
	key: 0, label: '已取消',
	key: 1, label:  '待完成',
	key: 2, label: '已完成'
}

3. 如果if嵌套深度比较深，可以将条件合并，条件判断完之后，提前return

if (status === 1) {
	if (action === 'view') {
		if (type === 2) {
			return x;
		}
	}
}

上面这种情况可以合并成下面

if (status === 1 && action === 'view' && type === 2) {
	return x;
}

善用 &&和||运算符

4. 三元运算符,适用于，两种情况，不是什么...就是什么..

let res = status === 2 ?  x : y;