Question

我正在尝试使用自定义推送方法扩展特定数组：

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();

您可以将其删除以自己控制队列的处理。

扩展Array.push方法

1 个答案: