待解构字段为原始值.1

2021-04-20 06:32:37 阅读：157 来源： 互联网

标签：obj show 解构字段原始 const com id ttarticle

正常情况下，

const obj = {
  a: 1,
  b: 2,
};

const { a, b } = obj;
console.log(a, b); // 1 2

当被解构字段缺失时，

const obj = {
  a: 1,
};

const { a, b } = obj;
console.log(a, b); // 1 undefined

此时可在解构时使用 = 指定默认值：

const obj = {
  a: 1,
};

const { a, b = 2 } = obj;
console.log(a, b); // 1 2

解构时指定别名

你甚至可以在解构字段的同时为其重命名，

const obj = {
  a: 1,
  b: undefined
}

const { a, b: c = 2 } = obj;
console.log(a, c) // 1 2

上述过程其实为：

创建变量 c
获取 obj.b 并赋值给 c
如果 obj.b 为 undefined，则将指定的默认值 2 赋值给 c

上面的过程等同于：

const c = obj.b || 2

待解构字段为对象

考察如下的对象：

const obj = {
  innerObj: {
    a: 1,
    b: 2
  }
}

正常情况下可通过如下的形式解构以得到内层的字段：

const obj = {
  innerObj: {
    a: 1,
    b: 2,
  },
};

const {
  innerObj: { a, b = 2 },
} = obj;

console.log(a, b); // 1 2

但如果里面嵌套的对象缺失时，上面的解构会报错：

const obj = {};

const {
  innerObj: { a, b = 2 },
} = obj;

console.log(a, b); //  
 
标签：obj,show,解构,字段,原始,const,com,id,ttarticle	

来源： https://www.cnblogs.com/yuanxisui/p/14679456.html 


本站声明：
1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；

2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；

3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；

4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；

5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

待解构字段为原始值.1

正常情况下，

解构时指定别名

待解构字段为对象