来自 Chris Ferdinandi 的一篇珍宝,详细介绍了如何使用自定义事件来连接 Web 组件。更重要的是,Chris 尽职尽责地解释了为什么自定义事件比回调函数更适合。
在典型的 JavaScript 库中,您会在实例化过程中传入回调函数。[…] 但是,由于 Web 组件是自实例化的,因此没有简单的方法可以做到这一点。
虽然可以使用回调函数,但这不是一种“简单”的方法。
JavaScript 为开发人员提供了一种方法,可以发出自定义事件,开发人员可以使用
Element.addEventListener()
方法监听这些事件。我们可以使用自定义事件让开发人员连接到我们编写的代码,并在事件发生时运行更多代码。它们提供了一种非常灵活的方式来扩展库或代码库的功能。
不要错过有关 取消自定义事件 的小贴士!
唉,那篇文章中没有提到
composed:true