监听 history 的 push/replaceState 方法

[nmsn]

关键词：router、history、popstate

history.popstate 可以监听路由的变化，但只针对 history.go、history.back、history.forward 事件有效果

history.pushState 和 history.replaceState 没有相应的监听事件，如何实现？

[nmsn]

const bindEventListener = function(type) {
   const historyEvent = history[type];
   // 返回的执行函数
   return function() {
       // 重新绑定现有事件
       const newEvent = historyEvent.apply(this, arguments);
       // 创建新事件并执行
       const e = new Event(type);
       e.arguments = arguments;
       window.dispatchEvent(e);
       // 返回原有的事件
       return newEvent;
   };
};
history.pushState = bindEventListener('pushState');
history.replaceState = bindEventListener('replaceState');

---

window.addEventListener('replaceState', function(e) {
  console.log('THEY DID IT AGAIN! replaceState');
});
window.addEventListener('pushState', function(e) {
  console.log('THEY DID IT AGAIN! pushState');
});