JS中if, else的优化思路

原创于 2020-06-04 14:31:41 发布 · 1.2w 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #js #vue #es6/es7 #es

JS 专栏收录该内容

17 篇文章

订阅专栏

本文探讨了使用三元运算符和逻辑运算符简化代码的方法，包括如何将if语句转换为更简洁的表达式，以及如何利用逻辑与（&&）和逻辑或（||）进行条件判断和方法调用。通过具体实例，展示了在不同场景下如何应用这些技巧，以提高代码的可读性和效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

大体思路

三元
|| && ??
如果是有规律的 key,可以用数组
无规律的 key ,可以用对象的键值对的形式储存判断

实例

// 原意
if (offsetTop < 0) {
  this.titleFixed = true
} else {
  this.titleFixed = false
}

// 三元
offsetTop < 0 ? this.titleFixed = true : this.titleFixed = false

// 如果是要等于一个布尔值
this.titleFixed = offsetTop < 0

if (falg) {
  someMethod()
}

falg && someMethod()

if (code === '202' || code === '203' || code === '204') {
  someMethod()
}

if (['202', '203', '204'].includes(code)) {
  someMethod()
}