promise 一旦创建就会立即执行，无法重复调用；要实现多次触发相同异步操作，应将 promise 封装为返回新 promise 的函数，每次调用都生成独立实例。
promise 一旦创建就会立即执行，无法重复调用；要实现多次触发相同异步操作，应将 promise 封装为返回新 promise 的函数，每次调用都生成独立实例。
在 JavaScript 中，new Promise(...) 构造器会在声明时立即启动执行——这是一条关键原则。许多初学者误以为 Promise 是“可复用的异步任务”，但实际上它是一个一次性状态容器：一旦 resolve 或 reject 被调用，其状态便不可变（pending → fulfilled/rejected），且后续对同一 Promise 实例的 await 不会重新执行内部逻辑，只会直接返回已缓存的结果。
回到原始代码的问题本质：
const addPost = new Promise((resolve, reject) => { /* ... */ });
// ❌ 错误：此处 Promise 已启动，await addPost 和 await addPost 实际是两次等待同一个已完成的 Promise第一次 await addPost 等待的是刚创建并已开始计时的 Promise；第二次 await addPost 等待的是同一个已 resolve 的 Promise 实例，因此不会再次执行 setTimeout 或 posts.push() —— 导致只新增了 1 个元素（而非预期的 2 个），最终 posts 长度为 3（初始 2 + 1 次有效添加），而非 4。
✅ 正确解法：将异步逻辑封装为工厂函数（factory function），每次调用都返回一个全新、未执行的 Promise：
const posts = [{ title: 'Post 1' }, { title: 'Post 2' }];
let count = 3; // 推荐使用 let 替代 var（块级作用域更安全）
// ✅ 正确：addPost 是一个返回 Promise 的函数，每次调用都创建新 Promise
const addPost = () => new Promise((resolve) => {
setTimeout(() => {
posts.push({ title: `Post ${count}` });
count++;
resolve(count);
}, 1000);
});
// 同理，deletePost 也应封装为函数
const deletePost = () => new Promise((resolve) => {
setTimeout(() => {
const deletedPost = posts.pop();
resolve(deletedPost);
}, 2000);
});
const showDetails = () => {
console.log('当前文章列表：');
posts.forEach((post, idx) => console.log(`${idx + 1}. ${post.title}`));
};
const diffFunction = async () => {
await addPost(); // 第一次：添加 Post 3
await addPost(); // 第二次：添加 Post 4（全新 Promise，独立执行）
showDetails(); // 输出 4 篇文章
};
diffFunction();? 关键注意事项：
- 不要在顶层直接 new Promise 赋值给变量（如 const p = new Promise(...)），除非你明确只需要执行一次；
- 若需条件触发、循环调用或重试机制，务必使用 () => new Promise(...) 模式；
- 注意闭包变量（如 count）的共享性：本例中 count 是外部变量，两次 addPost() 调用会按序递增，符合预期；若需隔离状态，应在函数内维护局部计数器；
- async/await 仅语法糖，底层仍依赖 Promise 链，理解 Promise 的即时执行性与状态不可逆性是避免此类陷阱的核心。
通过函数化封装，你不仅解决了“多次执行”的需求，还提升了代码的可测试性、可组合性与可读性——这是构建健壮异步逻辑的基础范式。
