在前端开发中，你可能想要按顺序执行一系列的异步操作，即使这些操作本身并不依赖彼此的结果。这通常可以通过创建一个"Promise队列"来实现，即将Promise对象放入一个数组中，然后按顺序执行它们。
以下是一个简单的示例，演示如何使用JavaScript实现一个Promise队列：
class PromiseQueue {constructor() {this.queue = [];}// 添加Promise到队列add(promiseFunc) {this.queue.push(promiseFunc);}// 执行队列中的所有Promiseexecute() {let promise = Promise.resolve();this.queue.forEach(promiseFunc => {promise = promise.then(() => promiseFunc());});return promise;}
}// 使用示例
let queue = new PromiseQueue();queue.add(() => new Promise((resolve, reject) => {setTimeout(() => {console.log('Promise 1');resolve();}, 1000);
}));queue.add(() => new Promise((resolve, reject) => {setTimeout(() => {console.log('Promise 2');resolve();}, 500);
}));queue.add(() => new Promise((resolve, reject) => {setTimeout(() => {console.log('Promise 3');resolve();}, 1500);
}));queue.execute().then(() => {console.log('All promises are resolved');
});
在这个示例中，我们创建了一个PromiseQueue类，它有一个add方法用于向队列中添加Promise，以及一个execute方法用于执行队列中的所有Promise。注意，我们传递给add方法的不是Promise对象本身，而是一个返回Promise的函数。这是因为我们想要在调用execute方法时才创建和执行这些Promise。
在execute方法中，我们使用了一个初始的已解析的Promise（Promise.resolve()），然后遍历队列中的每个Promise函数，将它们链接到前一个Promise的then方法中。这样，每个Promise都会在前一个Promise解析后执行。最后，execute方法返回了一个Promise，该Promise在所有队列中的Promise都解析后解析。
