1. 概述
npm包 coordination 是一个用于协调前端异步事件的工具包。 前端难免会遇到异步事件需要协调的情况，coordination 可以帮助我们简化异步代码的处理过程，提高代码执行效率，从而提高应用程序的性能和用户体验。
2. 安装
使用 npm 安装 coordination：
--- ------- ------------
3. 基本原理
coordination 的基本原理是将多个异步事件组合为一个事件。如果多个异步事件都完成后，才执行下一步操作。 当所有异步事件均完成后，会触发一个 "complete" 事件，这表明该块代码中的所有事件都已完成，可以继续执行下一步操作。
4. 基本用法
使用 coordination 的基本程序如下：
----- ------------ - ------------------------
--- ----- - -
------ -- -
------------- -- -
----------------- - -------
-------
-- ------
--
------ -- -
------------- -- -
----------------- - -------
-------
-- ------
-
--
---------------------------- -- -- -
---------------- ----- --- --------
---在该代码段中，我们首先引入 coordination 包，之后我们定义一个任务数组，其中包含两个回调函数，这些回调函数是异步执行的。callback 函数必须调用 done 函数，以通知 coordination 该次任务已完成。
接着我们调用了 coordination 的 parallel 方法，该方法的第一个参数是任务数组，第二个参数是所有任务都执行完毕后的回调函数。
在该示例代码中，任务 1 将在 3 秒钟后执行，任务 2 将在 2 秒钟后执行。由于调用的是并行方法，因此两个任务都会同时开始执行。
当两个任务都完成后，coordination 将触发 "complete" 事件，该事件将调用我们传递给 coordination.parallel 方法的回调函数，因此我们将在控制台上看到 "All tasks are done." 的信息。
5. 高级用法
在某些情况下，我们需要等待所有任务完成后，执行一些代码。我们可以使用 coordination 库的 wait 方法来实现这个目的。下面是一个例子代码：
----- ------------ - ------------------------
--- ----- - -
------ -- -
------------- -- -
----------------- - -------
-------
-- ------
--
------ -- -
------------- -- -
----------------- - -------
-------
-- ------
-
--
--- -------- - ------ -- -
---------------- ----- ------------
-------
--
---------------------------- --------- -- -- -
---------------- ----- --- -------- -------------
---在该示例代码中，我们定义了两个“任务”——任务 1 和任务 2，它们需要分别等待 3 秒和 2 秒才能完成。 我们还定义了一个 WAIT 任务（使用方法 coordination.wait()），该任务将在任务 1 和任务 2 完成时被触发，以及传递给 coordination.sequence() 方法的回调函数。
由于使用的方法是 sequence 方法，所以我们可以将任务 1 和任务 2 视为序列方法部分的步骤，waitTask 任务视为序列方法的所有步骤完成后的操作。
当任务序列和等待任务均已完成时，将调用最后传递给 sequence() 方法的回调函数。
6. 总结
使用npm包 coordination 可以帮助你协调前端异步事件，使得代码更加简洁，提高代码可读性和执行效率，从而提高页面性能。在本文中，我们介绍了 coordination 的基本原理和使用方法，包括串行任务和并行任务的使用。当然，这只是 coordination 提供的一小部分功能，读者可以根据自己的需求了解更多。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600668e9d9381d61a3540bdc