HTML5技术

Web Worker javascript多线程编程(一) - PeakLeo(3)

字号+ 作者:H5之家 来源:H5之家 2016-12-27 10:00 我要评论( )

worker 将属性onmessage设置为一个函数,当worker对象调用postMessage()时该函数会接收到发送过来的信息。(注意,这么使用并不等同于定义一个同名的全局变量,或是定义一个同名的函数。var onmessage 与 function o

worker 将属性onmessage设置为一个函数,当worker对象调用 postMessage()时该函数会接收到发送过来的信息。(注意,这么使用并不等同于定义一个同名的全局变量,或是定义一个同名的函数。var onmessage 与 function onmessage 将会定义与该名字相同的全局属性,但是它们不会注册能够接收从创建 worker 的网页发送过来的消息的函数。) 这会启用递归,生成自己的新拷贝来处理计算的每一个循环。

fibonacci.html

Test threads fibonacci); worker.onmessage = function(event) { document.getElementById( event.data; dump(); }; worker.onerror = function(error) { dump(); throw error; }; worker.postMessage();

网页创建了一个div元素,ID为result,用它来显示运算结果,然后生成worker。在生成worker后,onmessage处理函数配置为通过设置div元素的内容来显示运算结果,最后,向worker发送一条信息来启动它。
注意:chrome下不支持在worker中创建worker、以及dump方法、所以上述代码可以在Firefox下运行。由于文章篇幅过长,关于共享线程shared web worker的介绍将在下篇文章发布。

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 关于javascript中this的那点事 - canfoo#!

    关于javascript中this的那点事 - canfoo#!

    2016-12-07 16:00

  • JavaScript_Html5_LocalStorage项目demo - 明lucky

    JavaScript_Html5_LocalStorage项目demo - 明lucky

    2016-12-07 12:00

  • HTML5_06之拖放API、Worker线程、Storage存储 - Jupiter258

    HTML5_06之拖放API、Worker线程、Storage存储 - Jupiter258

    2016-11-20 10:03

  • 自己写的HTML5 Canvas + Javascript五子棋 - 氢氦

    自己写的HTML5 Canvas + Javascript五子棋 - 氢氦

    2016-10-31 13:00

网友点评
a