Question

2019-11-08

2093

javascript null destructuring

我尝试解构具有空值的嵌套对象，但它导致“TypeError：无法读取空值的属性‘obj2’”。

我阅读了有关修复它的信息，但它对非嵌套元素有效。

查看代码片段。

const tmp = { obj: null };

let { obj: { obj2 } = {} } = tmp || {};

我期望解构对象和 obj2 为空或未定义，但它导致错误:(

当我使用“undefined”而不是“null”时它工作正常，但我需要使用“null”的情况。

Answer 1

ES6 解构默认值仅在属性为 undefined 时才有效。在任何其他情况下，它将获得传递的值。即使是 Javascript 的虚假值。

一种规避这种情况的方法是快捷方式使用可能的虚假值，在本例中 obj 将为 null 。

const tmp = { obj: null };

const { obj } = tmp;

const { obj2 = {} } = obj || {};

console.log(obj);
console.log(obj2);

Answer 2

使用解构无法实现这一点。简而言之，与默认函数参数一样，默认解构值仅在值未定义时应用，而不是 null 或其他 falsey 值。

作为替代方案，您可以执行以下操作：

const tmp = { obj: null };
let obj2 = tmp && tmp.obj && tmp.obj.obj2;

Answer 3

谢谢大家@Dez @junvar

我将我的代码更改为如下形式：

const tmp = { obj: null };
const obj2 = tmp?.obj?.obj2;
console.log(obj2);