Operative 是一个轻量级的 JavaScript 库，能够简化 Web Workers 的使用。通过将任务分发到后台线程，Web Workers 可以提高网站或应用程序的响应速度和性能表现。Operative 将它们更容易地集成到项目中，使它们更易于使用。
安装
在使用 operative 之前，首先需要使用 npm 进行安装：
npm install operative
此时就可以在项目中引入 operative，开始使用它的功能了。
import operative from 'operative';
基础用法
创建一个 worker
首先，使用 operative 函数创建一个 worker 对象。这个对象将是与后台线程进行通信的主要接口。
const myWorker = operative({
add(a, b) {
return a + b;
}
});这里传入一个对象，其中包含名为 add 的函数。当我们调用这个函数时，它将在后台线程中运行。它必须是一个纯函数，因为在后台线程中运行时，无法访问 DOM 或其他浏览器或 Node.js API。
调用 worker 函数
一旦创建了 worker 对象，就可以使用它来调用后台线程中的函数。
myWorker.add(2, 2).then(result => {
console.log(`The result is ${result}.`);
});该代码将在后台线程中执行 add 函数，并将结果返回给主线程。在本例中，它将打印 "The result is 4." 到控制台。
销毁 worker
当不再需要 worker 对象时，应该将其销毁以释放资源。
myWorker.destroy();
高级用法
引入外部依赖
如果要在后台线程中使用其他 npm 包中的代码，可以使用 importScripts 方法加载它们。
const myWorker = operative({
async loadImage(url) {
const loadImage = await importScripts('image-processing-lib');
return loadImage(url);
}
});这里的 loadImage 函数使用了 importScripts 方法加载一个名为 image-processing-lib 的 npm 包。
使用事件监听器
有时候，我们需要从后台线程中异步地发送消息到主线程。这时，可以使用 on 方法来添加事件监听器。
-- -------------------- ---- -------
----- -------- - -----------
------- -
-------------- -- -
-------------------- --- --------
-- ------
-
---
------------------- --------- -- -
---------------- ---- -- --- ----------------
---这里定义了一个 start 函数，它将每秒钟触发一个名为 tick 的事件。然后，使用 on 方法添加一个事件监听器，在事件触发时打印时间戳。
使用 promise
在许多情况下，我们可能需要使用 promise 来处理异步操作。Operative 支持 promise，因此我们可以返回一个 promise 来实现异步函数。
-- -------------------- ---- -------
----- -------- - -----------
----- -------------- -
----- -------- - ----- -----------
------ ----------------
-
---
------------------------------------------------------------ -- -
---------------- ---- -- ---------------------------
---这里的 fetchData 函数使用了一个 promise，在后台线程中从 URL 中获取 JSON 数据，并将其解析为对象。在主线程中，我们可以使用 then 方法来处理该 promise 并打印返回的数据。
总结
Operative 是一个非常有用的工具，可以轻松地使用 Web Workers 提高应用程序的性能和响应速度。使用它不仅可以避免手动管理 Web Workers 的繁琐，而且还可以让代码更容易维护。希望这篇文章对您理解 operative 的使用方法
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/36098