[解构赋值-03]对象的解构赋值的使用场景

提取对象属性

const { name, hobby: [ hobby1 ], hobby } = {
    name: '小红',
    hobby: ['学习']
};

使用对象传入乱序的函数参数

解构赋值的做法是

function AJAX({
    url,
    data,
    type = 'get'
}) {
        console.log(type);
};

以前的做法是 ：

function AJAX(option){
     var type = option.type || 'get'; //这里来做一个容错，默认值为get
     console.log(type);
}

两者效果一样，但是如果参数非常多的话，以前的做法就非常的麻烦了。

//传入的参数没有type
AJAX({
    data: {
        a: 1
    },
    url: '/getinfo',
});

获取多个 “函数返回值”

function getUserInfo(uid) {
    // ...ajax获取数据

    return {
        status: true,
        data: {
            name: '小红'
        },
        msg: '请求成功'
    };
};
const { status, data, msg} = getUserInfo(123);
//msg这个名字如果不想要，可以重新命名
const { status, data, msg: message } = getUserInfo(123);