使用嵌套解构和 javascript 对象别名

Question

我有这个对象

const storeObj = {
    name: {
        firstName: 'abc'
    }
}

我可以通过分配做别名name到username

const { name: username } = storeObj

我可以像这样进行嵌套解构

const { name: { firstName } } = storeObj

我可以同时使用它们吗？我想在别名 aka renanming 和嵌套解构时实现一行。

Answer 1

是的，只需将这两者放在一起 - 当您想分配一个与属性名称不同的变量名称时，请将新变量名称放在冒号之后。无论嵌套对象的级别如何，这都有效。

const storeObj = {
    name: {
        firstName: 'abc'
    }
}
const { name: { firstName: username } } = storeObj;
console.log(username);