标签：ES6 fct name age 21 解构 obj 赋值

es6对象解构

1.普通使用解构赋值

let obj = {
    name: "fct",
    age: 21
}
// 普通使用解构赋值
var { name, age, hobby } = obj;
console.log(name, age, hobby); //fct 21 undefined

2.对解构赋值重命名

let obj = {
    name: "fct",
    age: 21,
    school: null
}
// 2. 当需要对解构赋值重命名时，新的名字是是后面的
var { name: name1, age, hobby } = obj;
console.log(name1, age, hobby); //fct 21 undefined

3.解构差异

let obj = {
    name: "fct",
    age: 21,
    school: null
}
// 2. 对象更改解构赋值顺序，不会影响值
var { name, hobby, age } = obj;
console.log(name, age, hobby); //fct 21 undefined

// 3.数组解构赋值更改顺序，会影响值
let obj = {
    name: "fct",
    age: 21,
    school: null
}
let arr = [1, 2, 3];
var [a, b, c] = arr;
console.log(a, b, c);   //1 2 3
var [a, c, b] = arr;
console.log(a, b, c);   //1 3 2 

4.解构差异

let obj = {
    name: "fct",
    age: 21,
    school: null
}
// 4.对象解构的默认值
// 默认值想生效，与之对应的属性值一定得是 undefined
var { name: name1, age, hobby = "打游戏", school = "xx大学" } = obj;
console.log(name1, age, hobby, school); //fct 21 打游戏 null

5.检验

// 例题 1：
var { x: y = 5 } = {};
// 要输出 5 ，那么该输出 x，还是 y？
console.log(y); //5

// 例题 2：
var { x: y = 5 } = { x: 3 };
// 输出 y 的值是？
console.log(y); // 3

标签：ES6,fct,name,age,21,解构,obj,赋值
来源： https://www.cnblogs.com/fuct/p/15230360.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。