Logo
Section 1 / 4

简介

你将学习本章涵盖的主题,包括编写清晰简洁的条件语句以简化代码。

导入

简介

你将学习本章涵盖的主题,包括编写清晰简洁的条件语句以简化代码。

你有没有经历过一次彻底的春季大扫除?我所说的并不是那种把“擦地板”写进待办清单然后真的去做的情况。而是说,天气不错,你打开窗户,结果一阵风把桌上的文件堆吹得四处飞扬。没关系,你本来就想整理这些文件了。于是你开始分类归档,但一旦没了那堆文件遮挡,你突然发现电脑线缆乱成一团,那个咖啡杯到底在那儿藏了多久?不知不觉间,你已经把整个办公室都拆开了。一旦开始清理杂物,就很难停下来。

编写更整洁的 JavaScript 代码

到现在为止,你可能已经尝到了编写简洁、清晰的 JavaScript 代码的甜头。这真是太棒了——新的语法让你能用更少的代码实现更多功能。但你不需要等到新语法出现才对代码做出积极改进。

让我们暂时放下新语法,转而回顾一些旧的理念,但目标是全新的:写出干净、可预测的 JavaScript 代码。

在本章中,你将优化条件表达式。我们会重新审视一些基础概念,比如真值与假值、三元表达式和短路求值,目标是让代码始终保持简单清晰。

同时,这也具有实际意义:现在你掌握了更多赋值和处理数据的工具,可以重新运用旧的方法来更好地发挥新语法的优势。

示例

来看一个简单的例子:假设你想为某个数值设置颜色。如果这个数值是负数,颜色应为 red;如果是正数,则应为 green。

1const transactions = [...spending, ...income]; 2const balance = calculateBalance(transactions); 3let color; 4if (balance > 0) { 5 color = 'green'; 6} else { 7 color = 'red'; 8}

前两行就像刚收拾好的书桌,清晰且富有表现力,并且使用 const 声明,说明它们不会改变。但就像春季大扫除一样,当你低头一看,突然觉得整体显得杂乱无章。

那个 let 是从哪儿冒出来的?哦,对了,你需要它来定义 color,因为这个变量会在条件语句中被修改。虽然勉强说得通,但总觉得不如其他部分那么清爽。

这一整块代码看起来就是不太对劲。幸运的是,你不必让它保持原样。你可以用和之前一样简单的语法重写它,甚至无需引入任何新语法。

本章内容概览

首先,我们将探讨 JavaScript 中的真值与假值。许多简化代码的技术都依赖于真值与假值的概念,因此掌握这一点至关重要。接着,你会学习三元表达式,这是一种将 if/else 条件简化为单行代码的便捷方法。最后,你将学会如何写出极其简洁的条件判断,以及利用短路求值进行变量赋值。

现在,是时候清理你代码中的条件逻辑混乱了。通过掌握真值、三元表达式和短路求值,你的条件语句将与现代 JavaScript 的风格完美契合。随着你深入学习数组方法和函数,你会发现这些思想会反复出现,成为你编程中的得力助手。


好了,现在开始整理你的代码世界吧。

通过特殊集合提升代码清晰度

技巧 17:使用假值缩短条件判断