如何编写符合最佳实践的JS条件语句,遵循哪些关键守则?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2508个文字,预计阅读时间需要11分钟。
在用JavaScript工作时,我们经常和条件语句打交道。以下有5条建议,帮助你写出更好/更简洁的条件语句:
1. 多重判断时使用Array.includes
2.尽量减少嵌套,尽早return
3.使用默认参数和解构赋值
4.避免复杂的条件逻辑,成小函数
5.使用逻辑运算符简化代码
在用 JavaScript 工作时,我们经常和条件语句打交道,这里有5条让你写出更好/干净的条件语句的建议。
目录:
1.多重判断时使用 Array.includes
2.更少的嵌套,尽早 return
3.使用默认参数和解构
4.倾向于遍历对象而不是 Switch 语句
5.对 所有/部分 判断使用 Array.every & Array.some
6.总结
1.多重判断时使用 Array.includes
让我们看一下下面这个例子:
// condition function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } }
第一眼,上面这个例子看起来没问题。如果我们有更多名字叫 cherry 和 cranberries 的红色水果呢?我们准备用更多的 || 来拓展条件语句吗?
我们可以用 Array.includes (Array.includes)重写条件语句。
本文共计2508个文字,预计阅读时间需要11分钟。
在用JavaScript工作时,我们经常和条件语句打交道。以下有5条建议,帮助你写出更好/更简洁的条件语句:
1. 多重判断时使用Array.includes
2.尽量减少嵌套,尽早return
3.使用默认参数和解构赋值
4.避免复杂的条件逻辑,成小函数
5.使用逻辑运算符简化代码
在用 JavaScript 工作时,我们经常和条件语句打交道,这里有5条让你写出更好/干净的条件语句的建议。
目录:
1.多重判断时使用 Array.includes
2.更少的嵌套,尽早 return
3.使用默认参数和解构
4.倾向于遍历对象而不是 Switch 语句
5.对 所有/部分 判断使用 Array.every & Array.some
6.总结
1.多重判断时使用 Array.includes
让我们看一下下面这个例子:
// condition function test(fruit) { if (fruit == 'apple' || fruit == 'strawberry') { console.log('red'); } }
第一眼,上面这个例子看起来没问题。如果我们有更多名字叫 cherry 和 cranberries 的红色水果呢?我们准备用更多的 || 来拓展条件语句吗?
我们可以用 Array.includes (Array.includes)重写条件语句。

