javascript - 为什么解构赋值不知道空值是假的并使用默认值？

<分区>

这个问题在这里已经有了答案:

destructuring falsy and null with default parameters (1 个回答)

Passing in NULL as a parameter in ES6 does not use the default parameter when one is provided (4 个答案)

关闭 5 年前。

社区在1 年前审查了是否重新打开此问题，然后将其关闭:

原始关闭原因未解决

假设我们有一个函数在参数的内部对象中使用一些键:

const api = ({ data: { name } = {} }) =>
  `My name is ${name}.`;

如果我们传递 {}, { data: '' }, { data: 0 }, { data: NaN } 或 { data: undefined } 到我们将看到的函数:

'My name is undefined.'

并且不会看到任何错误，因为解构赋值看到 data 是假的并使用 = {} 而不是 name 将是 undefined。

问题:当我们将 null 传递给数据键时，为什么解构赋值会返回错误？

api({ data: null });

// ==> Uncaught TypeError: Cannot destructure property 'name' of '{}' as it is null.

最佳答案

根据 MDN docs关于对象解构中的默认值:

A variable can be assigned a default, in the case that the value pulled from the object is undefined.

关于javascript - 为什么解构赋值不知道空值是假的并使用默认值？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44138770/

相关文章：

javascript - 将未设置的属性设置为函数中的默认属性？