用Promise+async/await 封装wx-request防止回调地狱
其他
2020-03-22 17:56:32
阅读次数: 0
promise的优点是什么?
- promise是一个对象,对象和函数的区别就是对象可以保存状态,函数不可以(闭包除外)
- 并未剥夺函数return的能力,因此无需层层传递callback,进行回调获取数据
- 代码风格,容易理解,便于维护
- 多个异步等待合并便于解决
- async/await结合promise可以进一步简化,省去.then(),使函数类似同步的方式执行
//微信小程序wx-request结合promise还有async await进行封装
var reqTime = 0; //记录请求次数
const request = (params) => {
reqTime++;
//加载弹框
wx.showLoading({
title: '加载中...',
mask: true
});
//返回
return new Promise((resolve, reject) => {
wx.request({
//解构params获取请求参数
...params,
success: (result) => {
resolve(result);
},
fail: (err) => {
reject(err);
},
complete: () => {
reqTime--;
//停止加载
if (!reqTime)
wx.hideLoading();
}
});
});
}
//普通调用方式
function getSwiper1() {
request({
url: "https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata"
}).then(res => {
console.log(res);
});
}
//async await
async function getSwiper2() {
const res = await request({
url: "https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata"
});
console.log(res);
}
发布了122 篇原创文章 ·
获赞 12 ·
访问量 2万+
转载自blog.csdn.net/weixin_42060896/article/details/104794169