Promise 是 JavaScript 处理异步操作的对象,有 pending、fulfilled、rejected 三种不可逆状态;可封装回调函数实现链式调用与统一错误处理,配合 async/await 使异步代码更简洁。

Promise 是 JavaScript 中用于处理异步操作的对象,它代表一个尚未完成但未来会完成(或失败)的操作,能有效避免“回调地狱”——即多层嵌套的 callback 导致代码难以阅读和维护。
Promise 的基本概念与状态
一个 Promise 实例有三种状态:
- pending(进行中):初始状态,既没成功也没失败
-
fulfilled(已成功):操作成功完成,触发
.then() -
rejected(已失败):操作出错,触发
.catch()或.then(null, errHandler)
状态一旦改变(pending → fulfilled 或 pending → rejected),就不可逆,也不会再变。
如何用 Promise 改写回调函数
假设你有一个读文件的 Node.js 回调函数:
立即学习“Java免费学习笔记(深入)”;
fs.readFile('a.txt', 'utf8', (err, data) => {
if (err) throw err;
console.log(data);
});
可以封装成 Promise:
function readFileAsync(file) {
return new Promise((resolve, reject) => {
fs.readFile(file, 'utf8', (err, data) => {
if (err) reject(err);
else resolve(data);
});
});
}
之后就能链式调用:
readFileAsync('a.txt')
.then(data => {
console.log(data);
return readFileAsync('b.txt');
})
.then(data => console.log(data))
.catch(err => console.error('出错了:', err));
Promise 如何解决回调地狱
传统回调地狱示例(难读、难错、难复用):
getData(function(a) {
getMoreData(a, function(b) {
getEvenMoreData(b, function(c) {
console.log(c);
});
});
});
用 Promise 改写后:
- 扁平结构,逻辑自上而下清晰可见
- 错误可统一在末尾
.catch()处理 - 每个
.then()返回新 Promise,天然支持链式异步流程 - 可用
Promise.all()并行多个异步任务,Promise.race()响应最快的那个
进阶技巧:async/await 让 Promise 更自然
这是 Promise 的语法糖,让异步代码看起来像同步:
async function readFiles() {
try {
const a = await readFileAsync('a.txt');
console.log(a);
const b = await readFileAsync('b.txt');
console.log(b);
} catch (err) {
console.error(err);
}
}
注意:await 只能在 async 函数内使用,它会暂停当前函数执行,直到 Promise settle,但不阻塞主线程。
基本上就这些。Promise 不复杂,但容易忽略它的链式返回和错误冒泡机制——用对了,回调地狱自然消失。










