了解JavaScript中的工作事件api

如果你对事件不是很了解，建议从这篇文章《理解javascript中DOM事件》开始。

首先，我们需要实例化一个worker对象，浏览器会根据新创建的Worker对象打开一个新的接口，这个接口将处理客户端和indexedDB数据库之间的通信。这里的数据库指的是浏览器数据库。如果需要判断浏览器是否支持worker对象，详见下面的代码。或者浏览器是否支持indexedDB数据库，详见下图，最好选择前者。因为IE不支持indexedDB。

if(窗口。worker){ dosomesing }//worker window . indexeddb=window . indexeddb | | window . mozzindexeddb | | window . webkitindexeddb；if(！window . indexedDB){做点什么}//indexedDB，工作对象将通过postMessage线程向indexed db数据库发送数据。当索引db数据库接收到客户端发送的数据时，首先将数据的键值存储并记录在索引db数据库表中，相当于将数据保存在一个结构完整的表中。

因此，indexedDB数据库将把接收到的数据值抛出到新的接口进行处理。新接口获取并解析数据后，会通过postMessage将一段数据抛出回数据库。数据库接收和处理返回数据的方式与上面相同。此时，indexedDB数据库会将返回的数据抛出到客户端接受参数的onmessage线程，主线程后面的onmessage线程主要接收返回的数据。

var tx t1=document . queryselector(' # tx t1 ')；var tx T2=document . queryselector(' # tx T2 ')；var result=document . queryselector(' # result ')；window . indexeddb=window . indexeddb | | window . mozzindexeddb | | window . webkitindexeddb | | window . msindexeddb；if(！Window.indexedDB) {console.log('您的浏览器不支持indexed db ')；} if(窗口。工人){ var _this=新工人('././js/build/scroll _ ten 1 . js’)；txt 1 . onchange=function(){ _ this . postmessage([txt 1 . value，txt 2 . value])；//e=[txt1.value，txt2.value] console.log('消息发布到工作')；} txt 2 . onchange=function(){ _ this . postmessage([txt 1 . value，txt 2 . value])；//e=[txt1.value，txt2.value] console.log('消息发布到工作')；} _这个。onmessage=函数{//接收的数据e result . text content=s . data；} }onmessage=function(e){ //e接收Worker.postmessage传输的参数var s=(e . data[2]* e . data[1])；var WorkerResult=' result :s；post message(WorkerResult)；//Worker.onmessage回调WorkerResult参数}看完上面的分析，大家肯定都在想，工人能做什么。对于这个问题，目前可以解决无阻塞线程的问题。怎么说当用户改变浏览器大小拖动浏览器时，当主线程访问后台数据时，数据之间的进程不会被中断。

什么浏览器支持Worker？

分享一个链接可以让你更全面的看到每个浏览器的黑客行为。

//*注意：Worker的第一个字母必须大写。

//*注意：Worker的脚本目录必须是HTML可访问的目录。

以上就是本文的全部内容，希望对大家深入理解JavaScript中的worker事件api有所帮助。