关于微信中使用promise记录

最新推荐文章于 2024-12-27 18:38:14 发布

空、

最新推荐文章于 2024-12-27 18:38:14 发布

阅读量516

点赞数

CC 4.0 BY-SA版权

分类专栏：前端基础学习文章标签：微信 promise

本文链接：https://blog.youkuaiyun.com/weixin_43311271/article/details/89310768

前端基础学习专栏收录该内容

31 篇文章

订阅专栏

本文详细介绍了一种在WeChat小程序中将API调用转换为Promise格式的方法，通过自定义函数实现wxPromisify，使开发者可以更优雅地处理异步请求，如request等。文章提供了完整的代码示例，展示了如何在小程序中引入并使用该封装。

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

首先在文件夹中找到一处放置promise.js文件的地方
建议放在utils里。

promise.js

function wxPromisify(fn) {
  return function (obj = {}) {
    return new Promise((resolve, reject) => {
      obj.success = function (res) {
        resolve(res)
      }

      obj.fail = function (res) {
        reject(res)
      }

      fn(obj)//执行函数，obj为传入函数的参数
    })
  }
}
module.exports = {
  wxPromisify: wxPromisify
}

在其他文件中引入promise

var Promisify = require('../../utils/promise.js');
var request = Promisify.wxPromisify(wx.request)

使用(不止request，其他方法同理可用)

    request({
      url: ‘xxx’
      data: obj,
      method: 'post',
      header: {
        "Content-Type": "application/x-www-form-urlencoded" //默认值
      }
    }).then(res=>{
    console.log(res);
    })