Promise 是状态容器,立即执行构造函数,resolve/reject 控制状态流转;.catch() 才能捕获.then()中抛出的错误;async/await 是语法糖,返回 Promise 且 await 包装非 Promise 值。

Promise 是 JavaScript 中用于表达异步操作最终完成或失败的对象,它不是语法糖,也不是回调函数的包装器,而是一种状态容器——你无法跳过它的 pending → fulfilled 或 rejected 流程。
Promise 构造函数的执行时机和参数含义
传入 new Promise() 的函数会**立即同步执行**,且只执行一次。它接收两个参数:resolve 和 reject,都是函数,由 JS 引擎提供。
常见误解是认为 resolve 只能传成功值,其实它会处理多种情况:
- 传入普通值(如
resolve(42))→ Promise 变为fulfilled,值为42 - 传入另一个 Promise(如
resolve(Promise.resolve("ok")))→ 当前 Promise 等待那个 Promise 的结果 - 传入带
then方法的对象(thenable)→ 也会被“展开”,但行为可能不一致,应避免 - 调用
reject(new Error("boom"))→ Promise 变为rejected,理由为该 Error 实例
const p = new Promise((resolve, reject) => {
console.log("构造函数立刻运行");
setTimeout(() => resolve("done"), 100);
});
// 控制台先输出 "构造函数立刻运行"
为什么不能只用 .then() 而忽略 .catch()?
.then() 接收两个回调:第一个处理 fulfilled,第二个处理 rejected;但这个“第二个参数”**不会捕获第一个回调里抛出的错误**,而 .catch() 会。
立即学习“Java免费学习笔记(深入)”;
这意味着以下写法存在静默失败风险:
promise.then(
value => { throw new Error("oops"); }, // 这个错误不会被第二个参数捕获
err => console.error(err)
);
正确做法是统一用链式 .catch():
动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包
-
promise.then(fn).catch(handleError)—— 推荐,错误冒泡清晰 -
promise.then(fn, handleError)—— 仅用于处理原始 promise 的 rejection,不处理fn内部异常 - 未加
.catch()的 rejected Promise 在事件循环末尾会触发unhandledrejection事件(Node.js 中是process.on("unhandledRejection"))
async/await 和 Promise 的关系不是替代,而是语法糖
async 函数返回的一定是 Promise,哪怕你写 return 123,它也会被自动包装成 Promise.resolve(123);await 后面的表达式如果非 Promise,则会被 Promise.resolve() 包裹。
关键细节:
-
await只能在async函数内使用,否则语法报错Uncaught SyntaxError: await is only valid in async function -
await等待的是“thenable”,不一定是原生 Promise(比如某些库返回的类 Promise 对象) -
try/catch捕获的是 Promise rejection,不是同步异常本身(例如JSON.parse("invalid")抛同步错误,await fetch().then(r => r.json())才可能抛异步解析错误)
async function getData() {
try {
const res = await fetch("/api");
if (!res.ok) throw new Error(`HTTP ${res.status}`);
return await res.json(); // 注意:这里 await 不是必须的,但可读性更好
} catch (err) {
console.error("请求或解析失败", err);
}
}
容易被忽略的边界行为:Promise 状态不可逆、链式调用返回新 Promise
一旦 Promise 进入 fulfilled 或 rejected,状态永远不变,多次调用 resolve 或 reject 只有第一次生效;每次调用 .then() 或 .catch() 都返回一个**全新的 Promise**,其状态取决于回调函数的返回值或抛出的错误。
这意味着:
- 不要试图“重用”一个已 settled 的 Promise 来重新触发逻辑
- 链式调用中,上一个
.then()的返回值决定下一个的输入:undefined→ 下一个then收到undefined;Promise.resolve(5)→ 下一个then等待它 resolve 后再执行 -
Promise.all([p1, p2])中任一 Promise rejected,整个就立刻 rejected,不会等其余完成(可用Promise.allSettled替代)
最常踩的坑是忘记 return:在 .then() 回调里漏写 return,导致后续链收到 undefined,而不是你期望的值。










