2

我正在尝试新的 JavaScript 可选链接语法，它似乎与没有返回值的方法有问题。例如：

我有一个带有 order 方法的餐厅对象：

const restaurant = {
order(i, k) {
    console.log(`I was here with ${i} and ${k}`);
   // does not return value
  }
};

现在，如果我尝试检查以下餐厅对象中是否存在 order 方法，它会返回“undefiend”：

const orderCheck = restaurant.order?.(0, 1);
console.log(orderCheck ); // it returns undefined

现在的问题是，如果我将上述情况与 Nullish Coalescing Operator 一起使用，如下所示，它不起作用：

console.log(restaurant.order?.(0, 1) ?? 'Method does not exist');

Output: 
I was here with 0 and 1
Method does not exist

ISSUE：现在上述语句中的问题是，可选的链接语法甚至可以找到 order 方法并打印“I was here with 0 and 1”但仍然返回“undefiend”，这使得 Nullish Coalescing Operator 继续进行，甚至打印“Method does不存在'也作为默认值？

现在，如果我允许 order 方法返回一个值，那么它可以与 Nullish Coalescing Operator 一起正常工作并且它不会继续。

 const restaurant = {
    order(i, k) {
        console.log(`I was here with ${i} and ${k}`);
        return '1';
      }
    };

如果再次检查：

console.log(restaurant.order?.(0, 1) ?? 'Method does not exist');

Output: 
I was here with 0 and 1

可选链接语法是否有必要从方法中期望返回值而不是空值以检查其可用性？

在上述情况下，order 方法确实存在，那么如何防止 Nullish Coalescing Operator 不继续默认的“方法不存在”？

我正在使用现代浏览器（Chrome 和 firfox）对其进行测试，并且我还在 Chrome 中启用了 javaScript 实验性功能，但它仍然以上述方式工作。

有什么想法会有所帮助吗？谢谢

4

2 回答 2

3

这与可选链接无关。

当Nullish Operator其左侧操作数为空或未定义时，返回其右侧操作数，否则返回其左侧操作数。

因此，可选链接已经在函数存在时工作，但它的返回值为undefined，因此运算符转到正确的部分。

笔记：

  • 函数内的日志显示为首先执行但没有返回任何值。
  • 如果函数不存在，在这种情况下，它也将计算undefined为optional chainingnullish operator

let obj = {};
console.log("function doesn't exist", obj?.foo?.(), obj?.foo?.() ?? 'right');

obj = { foo: () => {} };
console.log("function exists but doesn't return", obj?.foo?.(), obj?.foo?.() ?? 'right');

obj = { foo: () => { return 'left'; } };
console.log("function exists and returns", obj?.foo?.(), obj?.foo?.() ?? 'right');

编辑：防止 Nullish Coalescing Operator 不继续默认的“方法不存在”即使方法存在

obj = { foo: () => {} };
console.log(obj?.foo && typeof obj.foo === 'function' ? obj.foo() : 'right');

于 2021-10-06T08:08:37.800 回答
1

检查该restaurant.order?.(0, 1)方法是否存在，如果存在，则调用它并返回调用结果。在您的情况下，order(0, 1)返回未定义，因此restaurant.order?(0, 1)也返回未定义。

于 2021-10-06T08:12:56.673 回答