JavaScript 优化 if-else 代码

2021/12/8 20:17:30

本文主要是介绍JavaScript 优化 if-else 代码,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

一、提前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)
}


这篇关于JavaScript 优化 if-else 代码的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程