JavaScript中nullish合并运算符的两边都在执行

Question

console.log(restaurant.orderPizza?.('onion','tomato','basil') ?? 'Method does not exist');
console.log(restaurant.orderRissotto?.('onion','tomato','basil') ?? 'Method does not exist'

orderPizza和orderRissotto是对象餐厅内部的两种方法。

当我使用Nullish Coalessing运算符记录它们时，方法输出会被记录下来，因为方法是可用的。然而，第二部分，"方法不存在">也会被记录。原因可能是什么？

日志：

Your pizza with onion, tomato and basil is ready
Method does not exist

Answer 1

Null Safe返回null，如果第一个是null || undefined，Nullish coalescing操作符将返回第二个。。。因此，如果您的方法不存在，null保险箱将返回null，因此将返回第二部分，但如果该方法存在但返回null || undefined值，则将运行第一部分，但将打印第二部分(因为您的方法返回Nullish coalescing用于确定是否应返回第二部分的值之一(

Answer 2

let restaurant = {
orderPizza: function(arg1, arg2, arg3) {
return `Your pizza with ${arg1}, ${arg2} and ${arg3} is ready`
},
orderRisotto: function(arg1, arg2, arg3) {
return `Your risotto with ${arg1}, ${arg2} and ${arg3} is ready`
}
}

console.log(restaurant.orderPizza?.('onion', 'tomato', 'basil') ?? "Method not found");
console.log(restaurant.orderRisotto?.('onion', 'tomato', 'basil')) ?? "Method not found";

尝试在我的本地机器上执行上面的代码片段，我能够按照预期正确地执行它。

注意：console.log语句不同。

如果您试图在开发工具控制台中执行这些命令，结果会有所不同

对于第一个console.log语句-

console.log(restaurant.orderPizza?.('onion', 'tomato', 'basil') ?? "Method not found");

结果将符合预期，因为字符串是从orderPizza方法返回的，Nullish合并运算符的表达式左侧不是null或未定义。因此控制台打印-

Your pizza with onion, tomato and basil is ready

但对于第二个console.log语句-

console.log(restaurant.orderRisotto?.('onion', 'tomato', 'basil')) ?? "Method not found";

注意console.log的右括号。此语句将打印-

Your risotto with onion, tomato and basil is ready
"Method not found"

orderRisotto方法按照预期工作，并生成字符串，然后将其传递给控制台的log方法。但是，由于log方法是一个void方法，它返回undefined，这使得左侧的Nullish合并运算符是未定义的，因此右侧也被求值。

我希望这个答案能有所帮助。