JavaScript 教程：深入理解 Promisification 技术

最新推荐文章于 2025-06-10 09:17:53 发布

原创最新推荐文章于 2025-06-10 09:17:53 发布 · 287 阅读

CC 4.0 BY-SA版权

JavaScript 教程：深入理解 Promisification 技术

zh.javascript.info 现代 JavaScript 教程（The Modern JavaScript Tutorial），以最新的 ECMAScript 规范为基准，通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。项目地址: https://gitcode.com/gh_mirrors/zh/zh.javascript.info

什么是 Promisification？

Promisification 是指将基于回调的函数转换为返回 Promise 的函数的技术转换过程。在现代 JavaScript 开发中，这是一个非常重要的概念，因为 Promise 和 async/await 已经成为处理异步操作的主流方式。

为什么需要 Promisification？

代码可读性：Promise 链式调用比回调嵌套更清晰
错误处理：Promise 提供了统一的错误处理机制
现代语法支持：async/await 语法只能与 Promise 配合使用
代码一致性：统一项目中的异步处理方式

基础 Promisification 实现

让我们从一个简单的例子开始，了解如何手动实现 Promisification：

function loadScript(src, callback) {
  let script = document.createElement('script');
  script.src = src;
  script.onload = () => callback(null, script);
  script.onerror = () => callback(new Error(`Script load error for ${src}`));
  document.head.append(script);
}

// 手动 Promisification
function loadScriptPromise(src) {
  return new Promise((resolve, reject) => {
    loadScript(src, (err, script) => {
      if (err) reject(err);
      else resolve(script);
    });
  });
}

这种转换模式可以总结为：

创建一个返回 Promise 的新函数
在内部调用原始函数
在回调中将成功/失败转换为 resolve/reject

通用 Promisification 辅助函数

为了处理更通用的场景，我们可以创建一个辅助函数：

function promisify(f) {
  return function (...args) {
    return new Promise((resolve, reject) => {
      function callback(err, result) {
        if (err) reject(err);
        else resolve(result);
      }
      args.push(callback);
      f.apply(this, args);
    });
  };
}

这个辅助函数假设原始回调遵循 Node.js 风格：(err, result) 的参数顺序。

高级 Promisification 技术

对于更复杂的回调场景，我们需要增强辅助函数：

function promisify(f, manyArgs = false) {
  return function (...args) {
    return new Promise((resolve, reject) => {
      function callback(err, ...results) {
        if (err) reject(err);
        else resolve(manyArgs ? results : results[0]);
      }
      args.push(callback);
      f.apply(this, args);
    });
  };
}

这个增强版可以处理：