npm 包 chained-function 使用教程

阅读时长 4 分钟读完

在前端开发中,我们经常需要在一个函数中执行多个函数,或者跳出当前函数执行另一个函数。这时,我们可以使用 npm 包 chained-function 来有序的执行多个函数或者跳过当前函数。

安装 chained-function

使用 npm 安装 chained-function:

使用 chained-function

使用 chained-function 可以将多个函数绑定到一个函数上进行执行。 chained-function 提供了两个方法:

1. chain()

chain() 方法可以将多个函数连接起来,以链式的形式调用。

例如:

-- -------------------- ---- -------
------ --------------- ---- -------------------

-------- ------- -
  --------------------- - ---------
-

-------- ------- -
  --------------------- - ---------
-

----- ----------- - ---------------------- -------

--------------

在上面的代码中,我们使用了 chainedFunction() 方法将 func1func2 两个函数连接起来,并将返回的函数保存在 chainedFunc 中,最后执行 chainedFunc() 方法即可依次执行 func1func2

2. once()

once() 方法可以在函数执行后解除对函数的绑定,避免函数重复执行的情况。

例如:

-- -------------------- ---- -------
------ --------------- ---- -------------------

-------- ------- -
  --------------------- - ---------
-

-------- ------- -
  --------------------- - ---------
-

----- ----------- - ---------------------- -------

--------------

-------------------

--------------

在上面的代码中,我们先执行 chainedFunc() 方法,即会依次执行 func1func2,然后调用 chainedFunc.once() 可以解除对 func1func2 的绑定,最后再次执行 chainedFunc() 就不会执行任何函数了。

示例代码

下面是一个示例代码,演示 chained-function 的使用:

-- -------------------- ---- -------
------ --------------- ---- -------------------

-------- ------- -
  --------------------- - ---------
-

-------- ------- -
  --------------------- - ---------
-

-------- ------- -
  --------------------- - ---------
-

----- ----------- - ---------------------- ------ -------

--------------

-------------------

--------------

运行上面的示例代码,即可依次执行 func1func2func3,然后解除对它们的绑定,最后再次执行 chainedFunc() 就不会执行任何函数了。

总结

使用 npm 包 chained-function 可以方便的将多个函数有序的绑定在一起进行执行,避免了函数执行顺序混乱的情况。并且通过 once() 方法可以解除对函数的绑定,避免函数重复执行的情况。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005600e81e8991b448dde52

纠错
反馈