JavaScript 中5个重要的Observer函数，你知道几个？

文章预览

前言 浏览器为开发者提供了功能丰富的Observer，在这篇文章中，我们将深入研究这些常见的浏览器 Observer，剖析它们的作用、用法以及它们在 Web 开发中的应用场景。 MutationObserver MutationObserver用于监听DOM对象的变更（包括子节点），当节点属性发生变化，或执行增删改操作时执行对应的callback。 MutationObserver为我们提供了一种十分方便的监听DOM变化的方式。 基本使用 // Observer需要一个用于监听的目标DOM const  targetNode =  document .getElementById( "app" ); //用于确定mutation监听变化的范围 const  config = {     attributes :  true ,  // 监听目标节点的属性变化，例如id，class等属性    childList :  true ,  // 除目标节点外还要监听目标节点的直接子节点    subtree :  true ,   // subtree的范围大于childList，还包括子节点children    characterData :  true     // 监听TextNode需 ………………………………