es6结构问题，客户端在发起请求 对请求结果进行解构和不解构有什么区别吗

这是解构的

const {data:res} = await this.$http.get(`rest/ads/${this.id}`)

这是不解构的

const res = await this.$http.get(`rest/ads/${this.id}`)

问：这两种写法有什么区别吗？？请大神科普一下

没什么区别，解构的话，就是把响应数据里面的data赋值给res，不解构的话，就是一个完整的响应资源。

对象的解构没有次序，变量名必须与属性同名才能取到正确的值。

let {foo:baz} = {foo:'aaa',bar:'bbb'}
console.log(baz) //aaa

我没加异步await为啥解构不出来啊