什么是 async-worker.h？
async-worker.h 是一款为 C++ 提供多线程执行能力的 npm 包。在前端开发中，我们经常需要进行大量计算、网络请求等耗费时间的操作，为了避免这些操作阻塞主线程导致页面卡顿，我们可以使用异步线程来执行这些操作。
不过，在 C++ 中，线程管理以及线程之间的数据交互需要用到操作系统的线程库，这对于普通的 web 前端开发者来说是一个挑战。而 async-worker.h 就是为了解决这个问题而生的。
使用 async-worker.h，我们可以在 C++ 中轻松创建多个线程，并方便地和主线程之间进行数据交互。接下来，我们将具体讲解如何使用 async-worker.h。
初识 async-worker.h
我们可以通过 npm 安装 async-worker.h：
npm i async-worker.h
安装完成后，我们需要在代码中引入 async-worker.h：
#include <async-worker.h>
创建一个 async-worker
要创建一个新的 async-worker，我们可以使用 AsyncWorker 类，这个类继承了 Napi::AsyncWorker，所以我们需要在代码中同时也引入 Napi，底部代码：
-- -------------------- ---- -------
-------- --------
-------- ----------------
----- ------------- - ------ ----------- -
-------
----------------------------- ---------
- --------------------- --
---------------- --
-- ---------
---- --------- -
-- ------------- ----- -----
--------- -- ------ ------ -- ----------
-
-- ----------
---- ------ -
-- ------
--------------- -------- - -----------
-- -----
------------ ------ - -------------------------
--------------------- --------
-- -----------
--------------- ------------- ------ ---
-
--
----------- ------------------- ------------------- ----- -
-------------- -------- - -----------------------------
-- -- -------------------
-------------- ------ - --- ------------------------
-- ------
----------------
------ -----------------------
-这里的 MyAsyncWorker 类继承了 AsyncWorker，因此需要实现 Execute 和 OnOK 方法。
Execute 方法里面是异步执行的代码，这个例子中只是简单地打印了一下 Hello World。真实的应用中，执行的内容可能是计算操作、网络请求等耗时任务。
OnOK 方法是异步任务执行完成后的回调函数，它可以接受一个结果参数，并将结果传递给回调函数。这个例子中，我们手动构造了一个结果对象，其中包含一个 message 字段，最终将这个对象传给回调函数。
创建多个 async-worker
当需要创建多个 async-worker 的时候，我们可以使用 AsyncQueueWorker。这个方法的用法和 Queue 很相似，但它可以同时启动多个 async-worker。底部代码：
-- -------------------- ---- -------
-------- --------
-------- ----------------
----- ------------- - ------ ----------- -
-------
----------------------------- --------- --- ------
- ---------------------- -------------- --
---------------- --
---- --------- -
--------- -- ---- - -- ------- -- - - ------------- -- ----------
-
---- ------ -
--------------- -------- - -----------
------------ ------ - -------------------------
--------------------- --------
--------------- ------------- ------ ---
-
--------
--- --------
--
----------- -------------------- ------------------- ----- -
-------------- -------- - -----------------------------
--- ----- - ----------------------------------------
-- -- ----- - ------------
--- ---- - - -- - - ------ ---- -
-------------- ------ - --- ----------------------- ---
----------------
-
------ -----------------------
-这里的 MyAsyncWorker 类和之前的例子一样，但这次传入了一个新的参数 index，它代表了这是第几个 async-worker。
在 myAsyncWorkers 函数中，我们需要传入一个回调函数和一个数字参数 count，然后通过循环创建 count 个 MyAsyncWorker 实例。由于 AsyncWorker 的继承关系，我们可以直接使用 Queue 方法启动异步任务，然后 async-worker 们就会在不同的线程中依次运行。
传递参数给 async-worker
有时候，我们需要将一些参数传递给 async-worker，这可以通过在构造函数中传递参数实现。我们可以在 handleOKCallback 方法中获取调用 async-worker 时传递的参数。
-- -------------------- ---- -------
-------- --------
-------- ----------------
----- ------------- - ------ ----------- -
-------
----------------------------- --------- ----------- --------
- ---------------------- ------------------ --
---------------- --
---- --------- -
--------- -- --------- -- ----------
-
---- ------ -
--------------- -------- - -----------
------------ ------ - -------------------------
--------------------- --------
--------------- ------------- ------ ---
-
--------
----------- ----------
--
----------- --------------------------- ------------------- ----- -
-------------- -------- - -----------------------------
----------- ------- - ---------------------------------------
-------------- ------ - --- ----------------------- ---------
----------------
------ -----------------------
-这里在 MyAsyncWorker 的构造函数中添加了一个名为 message 的参数，这个参数是一个字符串类型。在 myAsyncWorkerWithArgs 函数中，我们可以通过 info 获取到调用 async-worker 时传递的参数，然后将它传递给 MyAsyncWorker 的构造函数。
异步线程和主线程之间的通信
当异步线程任务执行完成后，我们有时候需要将结果返回给主线程，这可以使用 QueueOnMainThread 方法。
-- -------------------- ---- -------
-------- --------
-------- ----------------
----- ------------- - ------ ----------- -
-------
----------------------------- --------- ----------- --------
- ---------------------- ------------------ --
---------------- --
---- --------- -
--------- -- --------- -- ----------
-- -- ---------
---------
-
---- ------ -
-------------------- -------------------------- --------- - - ----------
-
--------
----------- ----------
--
----- -------------- - ------ ----------- -
-------
------------------------------ --------- ----------- --------
- ---------------------- ------------------ --
----------------- --
---- --------- --
---- ------ -
--------------- -------- - -----------
------------ ------ - -------------------------
--------------------- -----------
--------------- ------------- ------ ---
-
--------
----------- ----------
--
----------- ------------------------------- ------------------- ----- -
-------------- -------- - -----------------------------
----------- ------- - ---------------------------------------
-------------- ------ - --- ----------------------- ---------
----------------
------ -----------------------
-这里创建了一个名为 MyResultWorker 的 async-worker，它会在异步任务执行完成后自动被启动。MyResultWorker 的 Execute 方法为空函数，因为它不需要执行任何操作。在 OnOK 方法中，我们可以通过调用主线程的回调函数来将执行结果返回给前端。
在 MyAsyncWorker 的 OnOK 方法中，我们通过 AsyncQueueWorker 方法新建了一个 MyResultWorker 并将它推入任务队列中，让它在主线程中执行。这样，我们就可以在 MyResultWorker 中返回执行结果，并调用主线程的回调函数，将结果传递给前端。
总结
async-worker.h 是一款非常实用的 npm 包，它让前端开发者可以更加方便地利用 C++ 进行多线程编程。在本文中，我们详细探讨了 async-worker.h 的使用方法，包括如何创建 async-worker，如何创建多个 async-worker，如何传递参数以及如何在 async-worker 和主线程之间进行数据交互等。
掌握了 async-worker.h 的使用方法，我们可以将计算密集型和耗时任务放到异步线程中执行，这样就可以避免阻塞主线程导致页面卡顿，提升用户体验。同时，async-worker.h 也提供了非常灵活的任务管理机制，可以让我们根据实际需求自由设定任务权重、优先级等参数，大大提高异步任务的执行效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056cd481e8991b448e6698