好的，各位靓仔靓女，老少爷们！欢迎来到今天的“JS冷知识与实用技巧”专场。今天咱们不聊框架，不啃源码，就聊聊JS里两个长得像双胞胎，但脾气秉性截然不同的操作符：|| (逻辑或) 和 ?? (Nullish Coalescing Operator，空值合并运算符)。 很多人觉得这俩货差不多，都是用来给变量设置默认值的。嗯，表面上看是这样。但如果你深入了解它们，你会发现，?? 这家伙更加“精确”、“严谨”，甚至有点“强迫症”。今天我们就来扒一扒它们的底裤，看看它们到底有啥不同。 第一幕：|| 的“宽松”策略 ||，逻辑或，老牌选手了。它的规则很简单：只要左边的值能被转换成true，就返回左边的值；否则，返回右边的值。问题就出在“能被转换成true”这个概念上。 在JS的世界里，有一群被称为“falsy”的值，它们在布尔上下文中会被当成false。这些家伙包括： false (废话) 0 (数字零) -0 (负零，冷知识，很少用到) 0n (BigInt 类型的零) “” (空字符串) null (空值) undefined (未定义) NaN (非数字) 也就是说，只要左边的值是这八个“f …
空值合并操作符（Nullish Coalescing）：处理默认值的精确控制
空值合并操作符：别再让你的代码“随便”取默认值啦！ 想象一下，你正在烤一个美味的巧克力蛋糕，配方上写着：“加入可可粉，如果没写明用量，就加3汤匙。” 这听起来很合理，对吧？ 但如果你的厨房里正好有一盒“已经用过的”可可粉，里面只剩下一点点底儿了呢？ 按照“没写明用量就用默认值”的逻辑，你还是会傻乎乎地用掉这可怜的底儿，而不是直接用那3汤匙。 结果呢？ 蛋糕的味道可能就差强人意了。 在编程世界里，类似的情况也经常发生。我们经常需要给变量设置默认值，以防万一它没有被赋值或者赋值为空。 在JavaScript的世界里，过去我们通常会用“||”操作符来处理这种情况，就像这样： const userAge = user.age || 18; // 如果user.age不存在或者为falsy值，就用18作为默认值 这段代码的意思是：如果user.age存在且不是一个“falsy”值（比如false、0、””、null、undefined、NaN），那么userAge就等于user.age，否则就等于18。 看起来似乎没毛病，但问题就出在这个“falsy”值上。 0岁也是一种年龄啊！ 如果user. …