如何将析构赋值和可选链接结合起来？

Question

我有一个带有一些可选字段和该类型变量的TypeScript接口：

interface Foo {
    config?: {
        longFieldName?: string;
    }
}

declare let f: Foo;

我想将longfieldname放入同名变量中。

const { longFieldName } = f.config;
     // ~~~~~~~~~~~~~  Property 'longFieldName' does not exist on type '{ longFieldName?: string | undefined; } | undefined'.

const longFieldName = f?.config.longFieldName;  // OK, type is string | undefined

Answer 1

如果f？.config表达式计算为undefined，则使用短路计算获取回退值（空对象）：

const { longFieldName } = f?.config || {};