C/C++面向WebAssembly编程

 主页   资讯   文章   代码   电子书 

6.1 JavaScript中的并发模型

本节将通过实例介绍JavaScript中的并发模型。

6.1.1 JavaScript并发模型简介

使用C语言开发过本地多线程程序的开发者想必对进程、线程的关系并不陌生,其中最重要的莫过于:

进程内的所有线程共享相同的内存地址空间。

因此上大部分多线程的C程序都工作于共享内存的模式下,线程之间可以无障碍的通过内存交换数据,但与此同时,对竞争性资源的管理事实上成为了多线程编程中最常遇到的问题——相信被写同步、死锁折磨过的开发员不在少数。

与此形成鲜明对比的是,在JavaScript中虽然能通过Worker对象启动多个线程并发执行,但是WorkerWorker之间、Worker与主线程之间不能共享内存,从这个角度来看,Worker的行为更接近进程而非线程。

info 部分最新的浏览器支持可在Worker间共享的SharedArrayBuffer对象,但这种仅针对特定对象的共享与C语境下的线程间完全共享内存并不在同一层次。目前使用SharedArrayBuffer有可能遇到兼容性问题,因此本书的讨论基于Worker间无法共享内存的假设。

C语言开发者或许不太习惯于“不依赖共享内存的并发模型”,然而这类模型并不鲜见,比如Go语言所采用的CSP模型。类似的,JavaScript中父子Worker之间可以通过互相发送消息来进行任务的分发和并发执行。

6.1.2 Worker使用例子

在JavaScript中,创建一个Worker需要指定该Worker对应的JavaScript脚本文件的URL地址,例如下列代码:

//test_worker.html
    var worker = new Worker("worker.js");
    worker.onmessage = function(e) {
      console.log(e.data);
    }
    worker.postMessage("Who are you?");
    worker.postMessage("Show me the answer.");
    worker.postMessage("Who's the best programmer in the world?");

new Worker("worker.js");创建了一个Worker对象,并指定该Worker使用worker.jsworker.onmessage回调函数用于处理worker发送过来的消息。worker.postMessage()用于向worker发送消息。

Worker部分的代码如下:

//worker.js
onmessage = function(e){
  if (e.data == "Who are you?") {
    postMessage("I'm a worker.");
  }
  else if (e.data == "Show me the answer.") {
    postMessage(42);
  }
  else {
    postMessage("Sorry, I don't know...")
  }
}

Worker中,onmessage回调函数用于处理父线程发送过来的消息,postMessage()用于向父线程发送消息。在本例中,根据来自父线程的不同消息,作出了不同的回应。浏览页面,控制台输出如下: