async/await的用法

737 阅读1分钟

async和await的基本使用

  • async后面加一个函数
  • 这个函数里面用await
  • await后面加axios.get,其实是加一个Promise实例对象,后面不用加then()
  • 最后要return出去await加后面的东西
  • async完了,就可以用async后面的函数加.then获取数据了
async function queryData(){
            var ret = await axios.get('http://localhost:3000/data');
            //或者用Promise实例对象
            var ret1 = new Promise(function (resolve,reject){
               setTimeout(function () {
                   resolve('nihao')
               },1000); 
            });
            return ret;
        };
        queryData.then(function(data) {
            console.log(data.data);
        })

async和await处理多个异步任务

多个异步任务,例如后面的任务要将前面任务的结果作为其参数的话

  • 同一个async里面用多个await处理
  • 因为await可以直接得到data所以var一个ret用来接受data
  • 再在下一个await中利用url传递info参数
async function queryData(){ret
            var ret = await axios.get('http://localhost:3000/async1');
            //get中用url传递参数
            var ret2 = await axios.get('http://localhost:3000/async1?ret='+ret.data);  
            return ret2;
        }
        queryData.then(function(data){
            console.log(data.data);
        })