什么是 delegates2?
delegates2 是一个用于 JavaScript 类型中回调函数委托的 npm 包。它支持继承和多层回调委托，可以让我们在面对一些类似于 DOM 事件委托的情况时，处理起来更加高效和方便。
安装 delegates2
在使用 delegates2 之前，你需要先安装它：
npm install delegates2
delegates2 的 API
delegates2 只提供了一个默认的构造函数，这个构造函数包含四个函数：method(name)、access(path)、getter(name) 和 setter(name)。
method(name)
此函数用于定义一个委托的方法，例如：
-- -------------------- ---- -------
---- --------
----- -------- - ----------------------
----- ------- -
---------------- -
-------- - ----
-
---------- -
------------------ ---------
-
-
--------------------------- ------
-------------------- -- - -------- ----- ---------------------
----- --- - --- ------------
------------------- -- -- ------ -------access(path)
此函数用于委托对象属性的 getter 和 setter，例如：
-- -------------------- ---- ------- ---- -------- ----- -------- - ---------------------- ----- --- - - -- - -- ----- --- - ------------- ------ ------------- ----------------------- -- -- - --------- - -- ------------------- -- -- -
getter(name)
此函数用于委托对象的 getter，例如：
-- -------------------- ---- ------- ---- -------- ----- -------- - ---------------------- ----- --- - - -- - -- ----- --- - ------------- ------ ------------- ----------------------- -- -- -
setter(name)
此函数用于委托对象的 setter，例如：
-- -------------------- ---- ------- ---- -------- ----- -------- - ---------------------- ----- --- - - -- - -- ----- --- - ------------- ------ ------------- --------- - -- ------------------- -- -- -
在使用 getter 和 setter 的时候需要注意，因为它只委托了 getter 和 setter，如果你需要委托的属性既有 getter 又有 setter，那么你需要同时使用 getter 和 setter。
继承
当我们需要继承代理对象时，可以使用以下代码：
-- -------------------- ---- -------
---- --------
----- -------- - ----------------------
----- ----------- -
------------- -
----------- - --
-
--- ------- -
------ ------------
-
--- ---------- -
----------- - ----
-
-
----- ------- ------- ----------- -
------------- -
--------
-------------- --------------------------------
-
-
----- --- - --- ----------
---------------------- - ---
----------------------- -- -- --小结
使用 delegates2 可以让我们更加方便地处理回调委托，它提供的 API 也非常简单易用。希望这篇文章可以帮助你更好地了解 delegates2，并且在前端开发中应用它。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aac81e8991b448d83cf