JavaScript Promise 对象
var myFirstPromise = new Promise(function(resolve, reject){
//当异步代码执行成功时,我们才会调用resolve(...), 当异步代码失败时就会调用reject(...)
//在本例中,我们使用setTimeout(...)来模拟异步代码,实际编码时可能是XHR请求或是HTML5的一些API方法.
setTimeout(function(){
resolve("成功!"); //代码正常执行!
}, 250);
});
myFirstPromise.then(function(successMessage){
//successMessage的值是上面调用resolve(...)方法传入的值.
//successMessage参数不一定非要是字符串类型,这里只是举个例子
document.write("Yay! " + successMessage);
});
用 async/await 来处理异步
async 函数返回的是一个promise 对象,如果要获取到promise 返回值,我们应该用then 方法
await 关键字,await是等待的意思, await 后面放置的就是返回promise对象的一个表达式(其实它后面可以放任何表达式,不过我们更多的是放一个返回promise 对象的表达式)
uniapp同步请求的实现
async asyn_of_uniapp() {
await this.return_promise()
uni.request({
url: 'http://*****',
data: {
param: getApp().globalData.param
},
header: {
'Content-Type': 'application/x-www-form-urlencoded'
},
success: (res) => {
return res;
}
})
},
return_promise() {
return new Promise(function(resolve, reject) {
//做一些异步操作
setTimeout(function() {
getApp().globalData.param= "1";
resolve('数据写入');
}, 2000);
});
}
ES6 async 函数
async 函数中可能会有 await 表达式,async 函数执行时,如果遇到 await 就会先暂停执行 ,等到触发的异步操作完成后,恢复 async 函数的执行并返回解析值。