如何通过JS编写优雅的条件表达式实现代码简洁?
- 内容介绍
- 文章标签
- 相关推荐
本文共计2830个文字,预计阅读时间需要12分钟。
目录- 条件语句- 多属性对象- 换行Switch语句- 默认参数与结构- 匹配所有或部分条件- 可选链- Nullish- 合并- 条件语句- 使用Array.includes- function printAnimals(animal) {i}
目录
- 多条件语句
- 多属性对象
- 替换Switch语句
- 默认参数与解构
- 匹配所有或部分条件
- 使用可选链和 Nullish 合并
多条件语句
多条件语句使用Array.includes
举个例子
function printAnimals(animal) { if (animal === "dog" || animal === "cat") { console.log(`I have a ${animal}`); } } console.log(printAnimals("dog")); // I have a dog
这种写法在条件比较少的情况下看起来没有问题,此时我们只有 2 种动物,但是如果我们有更多的条件需要判断(更多的动物)呢?如果我们继续拓展判断的条件,那么代码将会变得难以维护,而且逻辑会不清晰。
本文共计2830个文字,预计阅读时间需要12分钟。
目录- 条件语句- 多属性对象- 换行Switch语句- 默认参数与结构- 匹配所有或部分条件- 可选链- Nullish- 合并- 条件语句- 使用Array.includes- function printAnimals(animal) {i}
目录
- 多条件语句
- 多属性对象
- 替换Switch语句
- 默认参数与解构
- 匹配所有或部分条件
- 使用可选链和 Nullish 合并
多条件语句
多条件语句使用Array.includes
举个例子
function printAnimals(animal) { if (animal === "dog" || animal === "cat") { console.log(`I have a ${animal}`); } } console.log(printAnimals("dog")); // I have a dog
这种写法在条件比较少的情况下看起来没有问题,此时我们只有 2 种动物,但是如果我们有更多的条件需要判断(更多的动物)呢?如果我们继续拓展判断的条件,那么代码将会变得难以维护,而且逻辑会不清晰。

