JavaScript 优化 if-else 代码

2022-04-26 03:18:28

一、提前return，去除不必要的else

如果 if-else 代码块包含 return 语句，可以将不符合条件的情况提前return，去掉多余的else。

优化前：

if (condition) {
	const a = 300
} else {
	return;
}

优化后：

if (!condition) {
	return
} 
const a = 300

使用三目运算符，可以将多行代码变为一行代码实现。
优化前：

let res = ''
if (condition) {
	res = 'The condition is true'
} else {
	res = 'The condition is false'
}

优化后：

let res = condition ? 'The condition is true' : 'The condition is false'

有多个条件时，可以进行合并。

优化前：

if (item.attrs) {
	if (item.attrs.content) {
		item.attrs.content = JSON.parse(item.attrs.content)
	}
}

优化后：

if (item.attrs && item.attrs.content) {
	item.attrs.content = JSON.parse(item.attrs.content)
}