JavaScript 实现 queue 方法补全

在 JavaScript 编程中，队列（queue）是一种十分重要的数据结构，遵循先进先出（FIFO, First-In-First-Out）的原则。理解并实现 queue 方法，对于处理按顺序执行任务或管理资源等场景有着关键作用。

我们来创建一个基本的队列结构。可以使用数组来简单模拟队列。定义一个构造函数 Queue，在其内部创建一个空数组用于存储队列元素。

function Queue() {
    this.items = [];
}

接下来补全入队方法 enqueue。这个方法的作用是将元素添加到队列的末尾。

Queue.prototype.enqueue = function (element) {
    this.items.push(element);
};

出队方法 dequeue 则是从队列的开头移除并返回一个元素。

Queue.prototype.dequeue = function () {
    return this.items.shift();
};

为了方便了解队列的状态，我们还可以实现一些辅助方法。比如 peek 方法，用于查看队列头部的元素，但不将其移除。

Queue.prototype.peek = function () {
    return this.items[0];
};

isEmpty 方法用于判断队列是否为空。

Queue.prototype.isEmpty = function () {
    return this.items.length === 0;
};

size 方法返回队列中元素的数量。

```javascript
Queue.prototype.size = function () {
    return this.items.length;
};

在实际应用中，队列常用于异步任务的处理。例如，有一组图片需要按顺序加载，我们可以将图片加载任务放入队列中，依次执行。

let imageQueue = new Queue();
let images = ['image1.jpg', 'image2.jpg', 'image3.jpg'];

images.forEach(image => {
    imageQueue.enqueue(() => {
        let img = new Image();
        img.src = image;
        img.onload = () => {
            console.log(`${image} 加载完成`);
            if (imageQueue.isEmpty()) {
                console.log('所有图片加载完毕');
            } else {
                imageQueue.dequeue()();
            }
        };
    });
});

if (!imageQueue.isEmpty()) {
    imageQueue.dequeue()();
}

通过以上步骤，我们完整地补全了 JavaScript 中 queue 方法相关的功能，使其能更好地满足各种实际开发需求。无论是简单的数据处理，还是复杂的异步任务调度，合理运用队列结构都能为程序的逻辑和性能带来提升。