关于Promise的知识和async及其await的使用

吉宝程序圆

已于 2022-08-08 18:15:31 修改

阅读量81

点赞数

分类专栏：微信小程序文章标签： javascript 前端 vue.js

于 2022-06-19 15:59:21 首次发布

本文链接：https://blog.csdn.net/weixin_47297537/article/details/125358590

版权

微信小程序专栏收录该内容

11 篇文章 0 订阅

订阅专栏

本文介绍了如何在JavaScript中使用Promise进行网络请求，并通过async/await简化异步操作。通过实例展示了uni.request的使用和async函数处理获取微信信息和手机号码的过程。

摘要由CSDN通过智能技术生成

关于Promise的知识和async及其await的使用

new Promise(function(resove, reject){
							uni.request({
								url: getApp().globalData.Interfaceurl + 'grantWxInfo',
								method: "post",
								header: {
									"content-type": "application/x-www-form-urlencoded;charset=UTF-8"
								},
								data: {
									userId: getApp().globalData.userId,
									rawData: res.rawData,
									signature: res.signature,
									encryptedData: res.encryptedData,
									iv: res.iv
								},
								success(rest) {
									resove(rest)
									// console.log(rest)
								},
								fail(errs) {
									// reject(errs)
							
								}
							})
						}).then(
						res=>console.log(res,2222),
						err=>console.log(err,3333)
						)

async和await的使用

async getPhoneNumber(e) {
				// console.log(e)
				await new Promise(function(resove,reject){
					uni.request({
						url: getApp().globalData.Interfaceurl + 'grantWxMobile',
						method: "post",
						header: {
							"content-type": "application/x-www-form-urlencoded;charset=UTF-8"
						},
						data: {
							userId: getApp().globalData.userId,
							encryptedData: e.detail.encryptedData,
							iv: e.detail.iv,
						},
						success(res) {
							resove(res)
							 console.log(res)
						},
						error(err){
							console.log(err)
							
						}
					})
				})