解构赋值

2.解构赋值

如果调用某个方法的返回值是Promise实例，则前面可以添加await
await 只能用在被async “修饰”的方法中
如果不解构赋值的话，拿到的是axios包装后的一堆数据，解构赋值后拿到特定的数据（data），再重命名为res，因为data中还存在一个data,所以取值data.data比较唐突。

<button id="btnPost">发起POST请求</button>
    <script src="./axios.js"></script>
    <script>
        document.querySelector("#btnPost").addEventListener('click',async function(){
            //如果调用某个方法的返回值是Promise实例，则前面可以添加await
            //await 只能用在被async “修饰”的方法中
            //如果不解构赋值的话，拿到的是axios包装后的一堆数据，解构赋值后拿到特定的数据（data），再重命名为res，因为data中还存在一个data,所以取值data.data比较唐突。
            const {data:res} = await axios({
                method:'POST',
                url:'http://www.liulongbin.top:3006/api/post',
                data:{
                    name:'zs',
                    age:20
                } 
            }) 
            console.log(res.data);
          }
        )

    </script>