关于 Promise 的结果处理
在使用 Promise 的时候，遇到一些误区，同时总结处理 Promise 结果的方法。
对与Promise 的结果处理，需要从 JavaScript 的事件循环和 Promise 状态机角度来理解。
1. const p1 = new Promise(...)
正确用法：
const p1 = new Promise((resolve, reject) => {
// 异步操作
setTimeout(() => resolve("成功结果"), 1000);
});
// 通过 .then 获取结果
p1.then(result => {
console.log("通过 .then 获取到结果:", result); // 输出："成功结果"
});resolve 错误用法
const p1 = new Promise((resolve) => {
resolve(p1); // ❌ 错误！不能将自身作为 resolve 的值
});
// 会导致循环引用，抛出 TypeError: Chaining cycle detected for promise原因：
Promise 的 resolve 参数必须是普通值或另一个 Promise。如果传入自身，会导致无限递归（类似 const a = { self: a }），JavaScript 会直接抛出错误。
2. const p1 = await Promise
正确场景：
async function demo() {
// 假设有一个已解决的 Promise
const promise = Promise.resolve("结果值");
// 使用 await 提取结果
const p1 = await promise; // ✅ p1 直接是 "结果值"
console.log(p1); // 输出："结果值"
}
demo();关键点：
await会自动提取 Promise 的结果值，无需手动调用.then。- 如果 Promise 被拒绝（rejected），
await会抛出异常，需要用try/catch捕获。
3. 核心区别
| 场景 | new Promise + .then | await 获取结果 |
|---|---|---|
| 类型 | p1 是 Promise 对象 | p1 是 Promise 的结果值（非 Promise） |
| 获取结果方式 | 必须通过 .then 或 .catch 处理 | 直接赋值即可 |
| 错误处理 | 链式调用 .catch | 用 try/catch 包裹 |
| 适用环境 | 所有 JavaScript 环境 | 必须在 async 函数中使用 |
4. 常见误区
误区 1：混淆 resolve 的参数
// 错误：试图 resolve 自身
new Promise(resolve => resolve(p1)); // ❌ 循环引用
// 正确：resolve 一个值或另一个 Promise
new Promise(resolve => resolve(42)); // ✅ 正确误区 2：误以为 await 返回 Promise
async function test() {
const p = await Promise.resolve("value");
console.log(p); // 输出 "value"，而不是 Promise 对象
}5. 实际应用示例
场景 1：用 .then 处理结果
function fetchData() {
return new Promise(resolve => {
setTimeout(() => resolve("数据"), 1000);
});
}
// 通过 .then 处理
const p1 = fetchData();
p1.then(data => console.log("数据:", data));场景 2：用 await 直接获取结果
async function handleData() {
const data = await fetchData(); // 直接得到 "数据"
console.log("数据:", data);
}
handleData();6. 总结
new Promise：创建一个异步任务，通过.then/.catch处理结果。await：在async函数中直接提取 Promise 的结果值，代码更简洁。- 关键规则：
resolve必须传递普通值或另一个 Promise，不能引用自身。await只能在async函数中使用，否则会语法错误。