js 创建多线程的方法 Worker

JavaScript020

js 创建多线程的方法 Worker,第1张

Worker 支持主流的浏览器 IE10 以下不支持

a.js 内容

var i =0

setInterval((function () {

postMessage(i++)

}),1000)

使用 postMessage 向主线程 传送消息

var worker =new Worker('a.js') // 写入需要引入的 js

console.log(worker)

worker.onmessage =function () {

console.log(event.data)

}

//用于关闭worker线程 

 worker.terminate()

单线程,所有任务都是一条直线的执行下去,前一个任务结束,才会执行后一个任务。如果前一个任务死循环或者需要好长时间执行,后一个任务就要一直等,直到前一个执行完。

为什么平时看到setTimeout那些感觉是多线程执行,那是因为线程上执行速度很快就过了,所以看到那些“延时任务”好像是马上执行。

执行方法A(设定一个定时器,这个定时器插入到队列)-funB-funC-funD;

当funD执行完了,这时候才开始执行定时器。

js是同步的,但是在ajax,setTimneout和setInetrval里请求和回调函数是异步的,在html5里有多线程的方法worker是异步的

work=new Worker("script/lengthytask.js")传入参数是js文件的连接;work.postmessage("hello world")用来主线程向子线程发送数据;

work.addEventListener("message",function(){},true)

是主线程处理子线程消息;子线程处理发送消息一样只是不用写work对应的对象