在前端开发中,我们经常需要在一个函数中执行多个函数,或者跳出当前函数执行另一个函数。这时,我们可以使用 npm 包 chained-function 来有序的执行多个函数或者跳过当前函数。
安装 chained-function
使用 npm 安装 chained-function:
npm install chained-function
使用 chained-function
使用 chained-function 可以将多个函数绑定到一个函数上进行执行。 chained-function 提供了两个方法:
1. chain()
chain()
方法可以将多个函数连接起来,以链式的形式调用。
例如:
-- -------------------- ---- ------- ------ --------------- ---- ------------------- -------- ------- - --------------------- - --------- - -------- ------- - --------------------- - --------- - ----- ----------- - ---------------------- ------- --------------
在上面的代码中,我们使用了 chainedFunction()
方法将 func1
和 func2
两个函数连接起来,并将返回的函数保存在 chainedFunc
中,最后执行 chainedFunc()
方法即可依次执行 func1
和 func2
。
2. once()
once()
方法可以在函数执行后解除对函数的绑定,避免函数重复执行的情况。
例如:
-- -------------------- ---- ------- ------ --------------- ---- ------------------- -------- ------- - --------------------- - --------- - -------- ------- - --------------------- - --------- - ----- ----------- - ---------------------- ------- -------------- ------------------- --------------
在上面的代码中,我们先执行 chainedFunc()
方法,即会依次执行 func1
和 func2
,然后调用 chainedFunc.once()
可以解除对 func1
和 func2
的绑定,最后再次执行 chainedFunc()
就不会执行任何函数了。
示例代码
下面是一个示例代码,演示 chained-function 的使用:
-- -------------------- ---- ------- ------ --------------- ---- ------------------- -------- ------- - --------------------- - --------- - -------- ------- - --------------------- - --------- - -------- ------- - --------------------- - --------- - ----- ----------- - ---------------------- ------ ------- -------------- ------------------- --------------
运行上面的示例代码,即可依次执行 func1
、func2
、func3
,然后解除对它们的绑定,最后再次执行 chainedFunc()
就不会执行任何函数了。
总结
使用 npm 包 chained-function 可以方便的将多个函数有序的绑定在一起进行执行,避免了函数执行顺序混乱的情况。并且通过 once()
方法可以解除对函数的绑定,避免函数重复执行的情况。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005600e81e8991b448dde52