Question

如果我有以下对象，

const obj = {
   user:
   {
    type:{
      type1:"developer",
      type2:"architect"
    },
    role:"admin"
   },
   salary:50000
}

const {user: {type}} = obj;
console.log(`type:  ${type}`);
console.log(user);

如果我写类似下面的内容，

const {user: {type}} = obj;
console.log(type);  //prints [object Object] which is right

但是如果我尝试打印

console.log(user); // ReferenceError: user is not defined

有人可以向我解释一下ES6解构的以下内容吗？

const {user: {type}} = obj;

Answer 1

当前，您正在做的是获取user子对象，并从中提取type。如果您像函数那样考虑它，则更容易-分解时在属性中，原始对象不会保存在任何地方，并且不再可以访问。此处相同-user不再可用。

如果要访问它，您可以做的是从type中提取user，然后提取user并保留它。

const obj = {
  user: {
    type: {
      type1: "developer",
      type2: "architect"
    },
    role: "admin"
  },
  salary: 50000
}

const { user: { type }, user } = obj;
console.log(`type:  ${type}`);
console.log(user);

ES6中的多级对象分解

1 个答案: