Расширить метод Array.push

Question

Я пытаюсь расширить определенный массив с помощью специального метода push:

let instance = {
  'queue': []
};

instance.initQueue = () => {
  let _this = instance;

  _this['queue'].push = func => {
    if (typeof func === 'function') {
      // default
      Array.prototype.push.apply(this, arguments);

      // process
      _this.processQueue();
    }
  };

  _this.processQueue();
};

instance.processQueue = () => {
  let _this = instance;

  _this['queue'].forEach((func, idx, obj) => {
    if (typeof func === 'function') {
      func.call(func);
    }

    obj.splice(idx, 1);
  });
};

instance.initQueue();
instance.queue.push(() => console.log(1))

Пока я пытаюсь вызвать метод push (instance.queue.push(() => console.log(1));, ничего не происходит. Если я оберну функцию initQueue тайм-аутом - это работает:

setTimeout(() => { instance.initQueue(); }, 100);

Есть ли разумное объяснение, почему это происходит?

Answer 1

После удаления очевидных синтаксических ошибок ваш код, кажется, работает:

let instance = {
  'queue': []
};

instance.initQueue = () => {
  let _this = instance;

  _this['queue'].push = (func,...rest) => {
    if (typeof func === 'function') {
      // default
      Array.prototype.push.apply(_this['queue'], [func, ...rest]);

      // process
      _this.processQueue();
    }
  };

  _this.processQueue();
};

instance.processQueue = () => {
  let _this = instance;

  _this['queue'].forEach((func, idx, obj) => {
    if (typeof func === 'function') {
      func.call(func);
    }

    obj.splice(idx, 1);
  });
};

instance.initQueue();
instance.queue.push(() => console.log(1))

Функции вызываются, как только они помещаются в очередь, из-за:

// process
_this.processQueue();

Вы можете удалить его, чтобы самостоятельно управлять обработкой очереди.