Worker

年就已经提案的老技术但是在很多项目中的应用相对较少常见一些文章讨论如何写

demo

应用程序后台线程独立于主线程之外的技术。

众所周知JavaScript

Web

Workers我们可以创造多线程环境从而可以发挥现代计算机的多核

CPU

WorkerDedicatedWorker(专有worker)、

ServiceWorker本文讨论的是第一种其他两种大家可以自行研究一下。

Web

数据传输时间考虑到可以预创建可以忽略创建时间只考虑数据传输成本这里可参考

postMessage

·任务特点需要是可并行的多任务为了充分利用多核能力可并行的任务数越接近

CPU

上我搜罗了一圈也发现有一些不局限于此颇有创意的项目供大家打开思路

·redux

一个问题出现了为什么一个兼容性良好能够发挥并发能力的技术听起来很有诱惑力到现在还没有大规模使用呢

我理解有

看限制多配置还麻烦让人望而却步。

本文会主要着力于第二点希望给大家的

worker

至于第一点理由在如此卷的前端领域当你手中已经有了一把好用的锤子还找不到那颗需要砸的钉子吗

Worker

传递消息的方式不适合现代编程模式当出现多个事件时就涉及分拆解析和解决耦合问题因此需要改造

·新建

方式引入依赖文件但是都独立于主线程文件依赖和函数的复用都需要改造

·多线程环境必然涉及同步运行多个

·足够灵活可以随意编写函数今天我想计算11明天我想计算12这些都可以动态编写最好它可以直接写在主线程我自己的文件里不需要我跑到

worker

具备了动态创建函数的能力第一点已经可以实现而第二点关于依赖的管理则需要自行搭建接下来介绍搭建步骤。

抽取依赖管理编译和更新

新增一个依赖管理文件worker-depts.js可按照路径作为

key

../util/worker/worker-deptsfunction

runWithDepts(fn:

}workerpool.worker({runWithDepts,

})主线程文件内定义相应的调用方法入参是自定义函数体和该函数的参数列表

index.js

workerpool.pool(./worker.js)return

worker

的位置像下面这样。

自定义函数内容引用所需依赖已注入在函数第一个参数进行使用了。

lodash

fibonacci(num))},input1,input2,

)3.

workerpool.pool(./worker.js)return

其他问题

对象它是三套环境内都存在的一个对象通过判断globalThis.constructor.name的值值分别是Window

DedicatedWorker/

https://dassur.ma/things/is-postmessage-slow/

[2]

https://blog.axlight.com/posts/off-main-thread-react-redux-with-performance

[3]

https://github.com/ampproject/worker-dom

[4]

https://github.com/josdejong/workerpool

[6]

https://github.com/Silencesnow/worker-demo-2022

[7]

https://developer.mozilla.org/zh-CN/docs/Web/API/Web_Workers_API

[8]

https://github.com/josdejong/workerpool

[9]

https://www.youtube.com/watch?vAEpG-3XXrjk

[10]

https://juejin.cn/post/6854573213297410062