ES6语法之解构赋值

1.对象的解构赋值

		   //ES5的取值
            var p = {
                name: '小张',
                age: 22,
                sex: '男'
            }

            //取出每个值
            var name = p.name; //小张
            var age = p.age; //22
            var sex = p.sex; //男

            //ES6解构赋值
            let j = {
                name2: '小李',
                age2: 21,
                sex2: '男'
            }

            //取出每个值
            let { name2, age2, sex2 } = j;

使用场景：

//使用场景
            let studio = {
                name: '小陈',
                age: 22,
                sex: '女',
                class: '1班',
                school: 'XX大学'
            }
            //当对象字段过多时,只取某一部分字段
            function studioBuild({ name, sex }) {
                this.name = name;
                this.sex = sex;

                this.fun = (value) => {
                    console.log(value);
                }

            }
            
            let cpn = new studioBuild(studio);
            cpn.fun(cpn.name);//小陈
            

2.数组的解构赋值

			 //2.数组的解构赋值
			let arr=[1,2,3,4,5];
            let [a,b,c,d]=arr;
            console.log(b);//2
            //如果取只取数组最后两个
            let [,,,c1,d1]=arr;
            console.log(d1);//5
            

使用场景

            //使用场景
            let datas=[7,8,9,10];

            //给函数添加多个可变的返回值
            function test(){
                return datas
            }
            
            //根据需求获取指定返回值
            let [res1]=test();
            console.log(res1);//7