解构可为空的对象

Question

Typescript（或者我们应该说 ES）不允许对空/未定义对象进行解构。它会抛出 TypeError。

所以，假设我们有类似的东西

let {a,b,c} = D;

其中D 可能是null。

如果我们需要使用空检查进行条件解构赋值，那么我们会为一些旨在减少它的东西创建样板代码。

在这种情况下最优雅的使用方式是什么，或者我们应该只对有保证的非空对象使用解构？

Answer 1

您可以使用空对象作为备用对象，如果 D 是 null 或 undefined，则分配的变量将为 undefined。

const D = null;
const { a, b, c } = D || {};

console.log(a, b, c);

使用打字稿，您需要将正确的类型（或any）添加到 FALLBACK 对象（TS playground）。例如：

interface Obj {
    a?: string;
    b?: string;
    c?: string;
}

const D = null;
const { a, b, c } = D || {} as Obj;

console.log(a, b, c);

另一种选择是使用object spread，因为传播null 或undefined 会导致一个空对象(see this SO answer)。

const D = null;
const { a, b, c } = { ...D };

console.log(a, b, c);

使用打字稿，您需要将类型添加到您传播的变量和您解构的对象中。例如（TS Playground）：

interface Obj {
    a?: string;
    b?: string;
    c?: string;
}

const D = null;
const { a, b, c } = { ...D as any } as Obj;

console.log(a, b, c);

如果需要处理嵌套解构，请使用默认值：

const D = null;
const { a, a: { z } = {}, b, c } = { ...D };

console.log(a, b, c, z);