首页 / JAVASCRIPT / 突袭HTML5之JavascriptAPI扩展1—WebWorker异步执行及相关概述_html5教程技巧

突袭HTML5之JavascriptAPI扩展1—WebWorker异步执行及相关概述_html5教程技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了突袭HTML5之JavascriptAPI扩展1—WebWorker异步执行及相关概述_html5教程技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2011字，纯文字阅读大概需要3分钟。

内容图文

Javascript执行机制
在HTML5之前，浏览器中JavaScript的运行都是以单线程的方式工作的，虽然有多种方式实现了对多线程的模拟（例如：Javascript 中的 setinterval 方法，setTimeout 方法等），但是在本质上程序的运行仍然是由 JavaScript 引擎以单线程调度的方式进行的。在 HTML5 中引入的工作线程使得浏览器端的 Javascript 引擎可以并发地执行 Javascript 代码，从而实现了对浏览器端多线程编程的良好支持。

Javascript中的多线程 - WebWorker
HTML5 中的 Web Worker 可以分为两种不同线程类型，一个是专用线程 Dedicated Worker，一个是共享线程 Shared Worker。两种类型的线程各有不同的用途。
专用型web worker
专用型worker与创建它的脚本连接在一起，它可以与其他的worker或是浏览器组件通信，但是他不能与DOM通信。专用的含义，我想就是这个线程一次只处理一个需求。专用线程在除了IE外的各种主流浏览器中都实现了，可以放心使用。
创建线程
创建worker很简单，只要把需要在线程中执行的JavaScript文件的文件名传给构造函数就可以了。
线程通信
在主线程与子线程间进行通信，使用的是线程对象的postMessage和onmessage方法。不管是谁向谁发数据，发送发使用的都是postMessage方法，接收方都是使用onmessage方法接收数据。postMessage只有一个参数，那就是传递的数据，onmessage也只有一个参数，假设为event，则通过event.data获取收到的数据。
发送JSON数据
JSON是JS原生支持的东西，不用白不用，复杂的数据就用JSON传送吧。例如：

代码如下:

postMessage({'cmd': 'init', 'timestamp': Date.now()});

处理错误
当线程发生错误的时候，它的onerror事件回调会被调用。所以处理错误的方式很简单，就是挂接线程实例的onerror事件。这个回调函数有一个参数error，这个参数有3个字段：message - 错误消息；filename - 发生错误的脚本文件；lineno - 发生错误的行。
销毁线程
在线程内部，使用close方法线程自己销毁自己。在线程外部的主线程中，使用线程实例的terminate方法销毁线程。
下面从一个例子看线程的基本操作：
HTML代码：

代码如下:





web worker fibonacci

内容总结

以上是互联网集市为您收集整理的突袭HTML5之JavascriptAPI扩展1—WebWorker异步执行及相关概述_html5教程技巧全部内容，希望文章能够帮你解决突袭HTML5之JavascriptAPI扩展1—WebWorker异步执行及相关概述_html5教程技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/390103.html

来源：【匿名】