Promises简化异步操作教程

本文深入剖析了Promise的核心机制与常见陷阱：强调Promise构造函数中必须显式调用resolve或reject，否则将陷入无声的pending状态；澄清async/await本质是Promise语法糖，揭示await对非Promise值的自动包装行为及其潜在误导；指出构造函数内同步错误无法被链式.catch()捕获，必须依赖内部try/catch手动reject；最终点明Promise真正的价值在于统一异步状态管理与错误传递路径，并提醒开发者根据场景合理选用Promise.all()与Promise.allSettled()。这些关键细节直击日常开发痛点，帮你避开隐蔽坑位、写出更健壮可靠的异步代码。

Promise 构造函数里必须调用 resolve 或 reject

不调用会导致 Promise 永远处于 pending 状态，后续的 .then() 或 .catch() 都不会执行，也没有报错提示，极难排查。

• 常见错误：忘记在回调、定时器或事件监听中调用 resolve/reject
• 正确写法：确保所有分支都有调用，包括异常路径（比如 try/catch 中的 reject(e)）
• 调试技巧：在构造函数开头加 console.log('Promise created')，结尾加 console.log('resolved/rejected')，快速确认是否遗漏

new Promise((resolve, reject) => {
  setTimeout(() => {
    const success = Math.random() > 0.5;
    if (success) {
      resolve('done');
    } else {
      reject(new Error('failed'));
    }
  }, 100);
});

async/await 本质是 Promise 语法糖，但不能脱离 Promise 运行

你写 async function，返回值自动被包装成 Promise；await 后面如果不是 Promise，会自动用 Promise.resolve() 包一层 —— 但这也意味着，如果 await 的是 null、undefined 或同步抛错，行为和直觉可能不一致。

• await null 等价于 await Promise.resolve(null)，立刻继续执行
• await someFunction() 如果 someFunction 没有返回 Promise，await 不会“等”，只是把返回值包一层再解包
• 真正需要等待的异步操作（如 fetch、setTimeout、文件读取），必须显式返回 Promise，否则 await 毫无意义

async function example() {
  // ✅ 正确：fetch 返回 Promise
  const res = await fetch('/api/data');

  // ⚠️ 无效等待：下面这行不会暂停执行
  const now = await Date.now(); // 等同于 await Promise.resolve(Date.now())

  // ✅ 如需延迟，得自己包装
  await new Promise(r => setTimeout(r, 100));
}

.catch() 无法捕获 Promise 构造函数内部的同步错误

构造函数里抛出的错误（比如 JSON.parse(undefined)）不会进入链式 .catch()，而是直接变成未处理的 rejection，触发 unhandledrejection 事件 —— 浏览器控制台报黄警告，Node.js 可能直接退出进程。

• 解决方法：在构造函数内用 try/catch，手动 reject(e)
• 不要依赖链式 .catch() 做兜底，尤其在封装工具函数时
• 开发阶段建议监听全局：window.addEventListener('unhandledrejection', e => console.error(e.reason))

new Promise((resolve, reject) => {
  try {
    const data = JSON.parse('invalid json'); // 同步抛错
    resolve(data);
  } catch (e) {
    reject(e); // 必须手动 reject，否则 .catch() 接不到
  }
}).catch(err => console.log('got it:', err));

今天关于《Promises简化异步操作教程》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！