异步请求获取返回值
问题描述: 在一个函数里封装一个异步操作,并需要得到异步操作中的请求结果,以便外部使用。例如:
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
})
}
console.log(data)
二、通过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)
})