上面实例用es5怎么写

以下是使用 ES5 语法实现队列的示例代码：

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

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

  this.dequeue = function() {
    if (this.isEmpty()) {
      return "Queue is empty";
    }
    return this.items.shift();
  };

  this.front = function() {
    if (this.isEmpty()) {
      return "Queue is empty";
    }
    return this.items[0];
  };

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

  this.size = function() {
    return this.items.length;
  };
}

var queue = new Queue();
queue.enqueue(10);
queue.enqueue(20);
queue.enqueue(30);

console.log(queue.front()); // 10
console.log(queue.size()); // 3

queue.dequeue();
console.log(queue.front()); // 20
console.log(queue.size()); // 2

在这个示例中，我们使用构造函数创建了一个 Queue 类，并通过 this 关键字定义了队列的各种方法。通过 new 操作符实例化该类，创建了一个新的队列对象。我们可以调用该对象的方法来添加、删除和查询队列中的元素。