异步请求获取返回值

异步请求获取返回值

问题描述： 在一个函数里封装一个异步操作，并需要得到异步操作中的请求结果，以便外部使用。例如：

 function testResult(url) {
    axios.get(url).then(res => {
    return res
    })
}
console.log( testResult('/url/test'))

当然上面这种肯定是得不到正确的输出结果的。

解决以上问题有以下三种方式：

一、最简单的方式就是通过全局变量的方式

 let data = []
 function testResult(url) {
    axios.get(url).then(res => {
    data = res
    })
}
setTimeout(() => {console.log(data)}, 500)

二、通过callback回调函数方式获取

   function testResult(url, callback) {
        axios.get(url).then(res => {
        typeof callback == 'function' && callback.call(window, res)
        })
    }
    testResult('/url/test', data => {
    console.log(data)
    })

三、通过promise方式获取

function testResult(url) {
     return new Pormise((resolve, reject) => {
          axios.get(url).then(res => {
            resolve(res)
            })
         })
   }
 testResult('/url/test').then(data => {
     console.log(data)
 })