在前端开发中，很多时候需要用到异步操作和数据流的处理。其中一个常见的需求是将多个异步操作串联起来，并在它们完成后触发相应的回调函数。connective 就是一个方便的 npm 包，可以帮助我们实现这个任务。
安装与使用
安装 connective 只需要在命令行中运行以下代码：
npm install connective --save
然后就可以在你的项目中引入它：
const connect = require('connective');基本用法
connective 最基本、也最常见的用法是将多个异步操作串联起来。例如，我们有两个异步方法 fetchData1 和 fetchData2，它们都返回 Promise 对象，我们想要在它们都完成后执行回调函数 onComplete：
connect([fetchData1, fetchData2])(onComplete);
上面这段代码等价于下面的写法：
Promise.all([fetchData1(), fetchData2()]).then(onComplete);
可以看到，使用 connective 相比于手动编写 Promise.all 代码更简洁明了。
除此之外，connective 还提供了一些其他的辅助函数，如 connect.series 和 connect.parallel，可以帮助我们更灵活地控制异步操作的执行顺序。
进阶用法
除了基本用法之外，connective 还提供了一些高级的功能。其中一个是 connect.map 方法，可以将一个数组中的元素依次传递给异步操作函数并执行，最后将每个异步操作的结果汇总成一个数组返回。
例如，我们有一个数组 items，我们想要对其内的每个元素调用异步方法 fetchData 并返回每个方法的结果：
connect.map(items, fetchData)(onComplete);
类似地，connective 还提供了 connect.filter 方法，可以过滤数组中的元素，并返回符合条件的数组子集。
总结
通过上面的介绍，我们学习了 connective 的基本用法和一些高级功能。使用 connective 可以使我们的代码更加简洁、清晰，并且更容易维护。如果你在前端开发中遇到了异步操作和数据流处理的问题，不妨尝试一下 connective。
示例代码：
-- -------------------- ---- -------
----- ------- - ----------------------
-------- ------------ -
------ --- ----------------- -- -
------------- -- ----------------- ------
---
-
-------- ------------ -
------ --- ----------------- -- -
------------- -- ----------------- ------
---
-
-------- ------------------ -
-------------------- -- --------- --------
-
-------------------- -------------------------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40655