Javascript 解构：使用动态属性分配默认值

Question

我正在使用apollo 的useQuery 钩子，当data 是undefined（或者如果这甚至可以实现）时，我正在寻找一种更简洁的方法来编写以下语句。

// hook example
// const {data: {foo=[]}, loading} = useQuery(Q);
const {data:{foo}, loading} = {data: {foo: [1, 2, 3, 4]}, loading: false};
console.log(foo, loading);

当数据为undefined时：

// hook example
// const {data:{}, loading} = useQuery(Q);
// const {foo} = data;
const {data={}, loading} = {data: undefined, loading: true};
const {foo=[]} = data;
console.log(foo, loading);

感谢您的帮助，

Answer 1

你很接近。只需结合第二个 sn-p 的默认分配。如果未定义，这会将 data 分配给空对象文字。如果data 没有foo 属性，它将为foo 分配一个空数组字面量

const { data: { foo = [] } = {}, loading} = { data: undefined, loading: true };
console.log(foo, loading);