在前端开发中，我们经常需要处理大量的数据。单线程的 JavaScript 往往难以满足这种需求，这时候就需要使用并行计算的方式来提高计算性能。npm 包 paralleljs 就是一个非常好用的并行计算工具，可以帮助我们轻松地处理大规模的数据，并提高程序的效率。
什么是 paralleljs？
paralleljs 是一个可以在浏览器或者 Node.js 中使用的 JavaScript 库，它可以帮助我们在多个 CPU 核心上并行计算，从而加速程序的执行效率。paralleljs 的设计思想是将计算任务划分成多个子任务，并行地执行这些子任务，最后将它们的结果合并起来。
如何使用 paralleljs？
使用 paralleljs 可以分为以下几步：
1. 安装 paralleljs
我们可以通过 npm 来安装 paralleljs：
npm install paralleljs也可以直接在网页中引入 parallel.js 文件：
<script src="https://cdnjs.cloudflare.com/ajax/libs/paralleljs/0.2.1/parallel.min.js"></script>
2. 创建 paralleljs 实例
创建 paralleljs 实例的方式如下：
const Parallel = require('paralleljs'); const parallelInstance = new Parallel(data);
其中，data 是需要处理的数据，可以是一个数组、一个对象或者其他类型的数据。parallelInstance 就是一个 paralleljs 实例，我们可以通过它来执行并行计算。
3. 添加任务函数
我们可以通过 add 函数来添加需要执行的任务函数：
parallelInstance.spawn(function (data) { // 处理数据的任务函数 return result; }).then(function (results) { // 处理任务函数的执行结果 });
其中，spawn 函数的参数是一个任务函数，该函数被并行地执行多次。任务函数的参数是数据中的一个子集，返回值是任务函数的执行结果。add 函数可以被多次调用，从而添加多个任务函数。
4. 执行计算
执行计算的方式如下：
parallelInstance.then(function (results) { // 处理所有任务函数的执行结果 });
其中，then 函数的参数是一个回调函数，该函数的参数是一个数组，包含了所有任务函数的执行结果。在该函数中，我们可以对这些结果进行处理，如合并、过滤、排序、输出等操作。
示例代码
下面是一个使用 paralleljs 的示例代码：
-- -------------------- ---- ------- ----- -------- - ---------------------- ----- ---- - - --- -- -- --- --- -- -- --- --- -- -- --- --- -- -- --- --- -- -- --- --- -- -- --- --- -- -- --- --- -- -- --- --- -- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- ---- --- --- -- --- -- ----- ---------------- - --- --------------- ------------------------------- ------ - -- ------- ------ ------ - ------- ---------------- --------- - -- ------ --------------------- ---展开代码
在这个示例中，我们创建了一个包含 20 个对象的数组 data，每个对象包含 x 和 y 两个属性。我们使用 spawn 函数来添加一个任务函数，该函数的作用是计算数据中每个对象 x 和 y 属性的和。最后，我们使用 then 函数来将所有结果输出到控制台。
总结
paralleljs 是一个非常方便、高效的并行计算工具，可以帮助我们轻松地处理大规模的数据，并提高程序的执行效率。不过需要注意的是，并行计算的效率很大程度上取决于计算任务的复杂度和数据的规模。因此，在使用 paralleljs 时，需要根据实际情况来选择合适的任务函数和数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb7e4b5cbfe1ea06117e2
