微信小程序api Promise化

最新推荐文章于 2024-08-24 17:00:00 发布

一撇一画

最新推荐文章于 2024-08-24 17:00:00 发布

阅读量227

点赞数

分类专栏：学习笔记文章标签： javascript es6

本文链接：https://blog.youkuaiyun.com/qq_42220283/article/details/116519456

版权

学习笔记专栏收录该内容

51 篇文章

订阅专栏

这篇博客介绍了如何将微信小程序的 API，如 `wx.request`，转化为 Promise 形式，以便更好地进行异步操作管理。通过示例展示了如何封装 `wx.request`，并使用 Promise 处理成功和失败情况。最后，文中演示了如何用封装后的 Promise 版本调用 `wx.getStorage`，进一步说明了抽象化的实用性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 一、以请求为例
wx.request({
  url: 'test.php', //仅为示例，并非真实的接口地址
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' // 默认值
  },
  success (res) {
    console.log(res.data)
  }
})

// 二、promise化
return new Promise((res,rej)=>{
	wx.request({
	  url: 'test.php', 
	  success (ok) {
	    res(ok.data)
	  },
	  fail(err) {
	  	rej(err)
	  }
	})
})

// 三、依照二抽象一下 promise (代理模式)

const promises = (fc) => {
      return (argus) => {
        return  new Promise((res,rej)=>{
            const parms = {
              ...argus,
            success (ok) { res(ok.data) },
            fail (err) { rej(err) }
          }
          fc(parms)
        }) 
      }
    }

// 四、新建小程序test
// ....
promises(wx.getStorage)({
      key: 'logs',
}).then(res=>{
  console.log('promises',res);
})