解构赋值在网络请求接口中的应用 ES6

解构赋值在网络请求接口中的应用

一般平时使用的网络请求接口是这样的

ajax

success: res => {
    if (res.status === 0) {
        // 正常数据的操作
    } else {
        alert('请求有问题')
    }
}

axios

.then( res => {
    if (res.status === 0) {
        // 正常数据的操作
    } else {
        alert('请求有问题')
    }
})

使用解构赋值

如果返回数据是这样的：

{
    status: 0,
    data: {
        name: 'kyle',
        age: 30,
        gender: 'male'
    }
}

解构赋值后的样子是这样的

.then( ({ status, data } = res ) => {
   // 其它一些操作
})