17370845950

Promise构造函数必须调用resolve或reject，否则永远pending且无提示；async/await是Promise语法糖，await会自动包装非Promise值；构造函数内同步错误需try/catch手动reject，.catch无法捕获；Promise核心是统一状态管理与错误传递。

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));

Promise 的核心不是“让异步变简单”，而是统一了异步操作的**状态管理和错误传递路径**。最容易被忽略的一点：多个

Promise.all() 并发请求时，一个失败就全失败 —— 如果你需要“尽力而为”，得用 Promise.allSettled()，而不是硬套 catch 在最后。