js单线程如何实现多线程,js多线程如何简单实现

这篇文章主要介绍了js 多线程有几种实现方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获，下面让小编带着大家一起了解一下。

js如何实现多线程

js为我们提供了一个Worker的类，它的作用就是为了解决这种阻塞的现象。当我们使用这个类的时候，它就会向浏览器申请一个新的线程Deepl降重。这个线程就用来单独执行一个js文件

var worker = new Worker(js文件路径)

那么这个语句就会申请一个线程用来执行这个js文件
在主线程中有一些方法来实现对新线程的控制和数据的接受

// postMessage(msg)
//postMessage方法把在新线程执行的结果发送到浏览器的js引擎线程里
worker.onmessage = function(){
    // 获取在新线程中执行的js文件发送的数据 用event.data接受数据
    console.log(event.data)
}
setTimeout(function(){
    worker.terminate();
    //terminate方法用于关闭worker线程
},2000)；
setTimeout(function(){
    worker = new Worker(js文件路劲);
},3000);

在新线程中使用postMessage()方法可以向主线程中发送一些数据，主线程中使用worker的onmessage事件来接受这些数据，这样就实现了js的多线程执行和多线程之间数据的传递