js多线程的实现

JS作为脚本语言，是一种单线程语言，即使是一些异步的事件也是在JS的主线程上运行的。可能会造成造成阻塞。

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

1.这个js文件将会在浏览器新开的线程里运行，而与原先的js引擎的线程并不影响

var worker = new Worker("test.js");

test.js

var i = 0;
function mainFunc(){
    i++;
    //把i发送到浏览器的js引擎线程里
    postMessage(i);
      //postMessage(msg);
 //postMessage方法把在新线程执行的结果发送到浏览器的js引擎线程里
}
var id = setInterval(mainFunc,1000);

在主线程中有一些方法来实现对新线程的控制和数据的接收

  worker.onmessage = function(){
      //获取在新线程中执行的js文件发送的数据 用event.data接收数据
      console.log( event.data )
  };
  setTimeout( function(){
      worker.terminate();
      //terminate方法用于关闭worker线程
 },2000)
     
 setTimeout( function(){
    worker = new Worker("js/test22.js");
     //再次开启worker线程
 },3000)

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