js : uniapp 同步_uniapp同步接口请求

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);
});
1
2
3
4
5
6
7
8
9
10
11
12
13

用 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);
				});
			}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

ES6 async 函数
async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行 ，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。