js 接收回调函数 转换为promise

下面是一个示例代码,展示如何编写一个接收回调函数并将其转换为 Promise 的 JavaScript 函数:

javascript 复制代码
// 定义一个接收回调函数并转换为 Promise 的函数
function convertCallbackToPromise(callbackFunction) {
  // 返回一个新的 Promise 对象
  return new Promise((resolve, reject) => {
    // 在 Promise 中执行回调函数
    callbackFunction((err, data) => {
      // 判断回调函数中是否有错误
      if (err) {
        reject(err); // 如果有错误,reject Promise 并传递错误信息
      } else {
        resolve(data); // 如果没有错误,resolve Promise 并传递数据
      }
    });
  });
}

// 示例回调函数,用于模拟异步操作
function asyncOperation(callback) {
  setTimeout(() => {
    // 模拟异步操作成功,返回数据
    callback(null, "Operation successful");
  }, 2000);
}

// 使用示例:将回调函数转换为 Promise
const promise = convertCallbackToPromise(asyncOperation);

// 使用 Promise 的 then 方法处理结果
promise.then(result => {
  console.log("Promise resolved:", result);
}).catch(error => {
  console.error("Promise rejected:", error);
});

在这个示例中,convertCallbackToPromise函数接收一个回调函数作为参数,并返回一个新的 Promise 对象。在 Promise 中执行回调函数,根据回调函数的结果来 resolve 或 reject Promise。通过这种方式,就可以将需要使用回调函数的函数转换为更灵活、更易操作的 Promise。

要处理回调函数中的错误信息,可以在转换回调函数为 Promise 的过程中,检查回调函数的第一个参数(通常是错误参数),并据此决定是 reject 还是 resolve Promise。

下面是一个修改后的示例代码,演示如何处理回调函数中的错误信息:

javascript 复制代码
// 定义一个接收回调函数并转换为 Promise 的函数
function convertCallbackToPromise(callbackFunction) {
  // 返回一个新的 Promise 对象
  return new Promise((resolve, reject) => {
    // 在 Promise 中执行回调函数
    callbackFunction((err, data) => {
      // 判断回调函数中是否有错误信息
      if (err) {
        reject(err); // 如果有错误,reject Promise 并传递错误信息
      } else {
        resolve(data); // 如果没有错误,resolve Promise 并传递数据
      }
    });
  });
}

// 示例回调函数,用于模拟异步操作
function asyncOperation(callback) {
  setTimeout(() => {
    // 模拟异步操作时出现错误
    const error = new Error("Operation failed");
    callback(error, null);
  }, 2000);
}

// 使用示例:将回调函数转换为 Promise
const promise = convertCallbackToPromise(asyncOperation);

// 使用 Promise 的 then 和 catch 方法处理结果和错误
promise.then(result => {
  console.log("Promise resolved:", result);
}).catch(error => {
  console.error("Promise rejected:", error.message);
});

在这个示例中,修改了模拟的异步操作函数asyncOperation,让其在定时器结束时返回一个包含错误信息的回调。在convertCallbackToPromise函数中,我们检查回调函数的第一个参数err,如果存在错误信息,则 reject Promise 并传递错误信息;否则 resolve Promise 并传递数据。在最后的使用示例中,通过 Promise 的then方法处理成功结果,通过catch方法处理失败情况,并打印出错误信息。

以上就是文章全部内容了,如果喜欢这篇文章的话,还希望三连支持一下,感谢!

相关推荐
爱勇宝19 分钟前
小红花成长新版:模板来了,鼓励也更容易开始
前端·后端·程序员
竹林8181 小时前
Solana前端开发:我在一个NFT铸造页面上被@solana/web3.js的Connection和Transaction签名坑了两天
前端
冬奇Lab1 小时前
每日一个开源项目(第144篇):ai-website-cloner-template - 一条命令、多 Agent 并行,把任意网站逆向成 Next.js 代码
前端·人工智能·开源
玄玄子1 小时前
webpack publicPath作用原理
前端·webpack·程序员
HduSy1 小时前
帮 Claude Code 做了个菜单栏 Token 看板,聊聊里面的一些实现逻辑
前端
minglie1 小时前
一个置换问题
javascript
用户059540174462 小时前
用了6个月LangChain,才发现AI Agent的记忆存储一直有坑——写了23个Pytest用例才彻底修好
前端·css
奶油mm2 小时前
我偷偷把公司的祖传 jQuery 项目改成了 Vue3,CTO 没发现,但全组都来抄我的代码了
前端
用户2136610035722 小时前
Vue2非父子通信与动态组件
前端·vue.js
默_笙2 小时前
🌀 别再手动写 Prompt 了!我让 AI 自己循环改到满意为止
javascript