javascript - 如何在 google dataLayer 对象上观看？

Question

是否可以在普通JavaScript中有效地观察数据层的变化？每次调用 dataLayer.push 函数时，我都需要了解此添加和检查添加到 dataLayer 的事件。我找不到任何解决方案。我需要像 angularJS 中的 $watch 这样的东西，你可以在其中观察任何对象的变化，但在我提到的这个脚本中，我只能使用普通的 JS 。一秒间隔无限循环不是一个好的解决方案:)感谢您的提示、技巧或建议。

我需要一些类似的想法:

function callback() {
   // do the stuff with dataLayer
}
watch(window.dataLayer, callback);

window.dataLayer.push({event: 'any event', data: 'any data'});
window.dataLayer.push({event: 'any second event', data: 'any second data'});

Answer 1

您可以重新定义dataLayer.push函数并将其与JS中的自定义事件结合起来:https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent

示例:

var x = dataLayer.push; //make x equal to current datalayer function


dataLayer.push = function (myobj){

   x(myobj);//call current function

   alert('my event dispatch');//event dispatch code goes here
}