• html
  • 简介
  • 原理
  • 使用
  • 创建
  • 方法
  • 通信
  • 销毁
  • 并发
  • 绘图
🀢

熟悉 Web Workers 成员

Web Workers 的使用方法非常简单，只需创建一个 Web Workers 对象，并传入希望执行的 JavaScript 文件即可。然后在页面中设置一个事件监听器，用来监听由 Web Workers 对象发来的消息和错误信息。如果想要在页面与 Web Workers 之间建立通信，数据需通过 postMessage() 函数传递。对于 Web Workers JavaScript 文件中的代码也是如此，必须通过设置事件处理程序来处理发来的消息和错误信息，通过调用 postMessage() 函数实现与页面的数据交互。

在线程调用的 JavaScript 脚本文件中所有可用的变量、函数与类 。

  • self ： self 关键值用来表示本线程范围内的作用域
  • postMessage(message) ：向创建线程的源窗口发送消息

  • onmessage ：获取接收消息的事件句柄

  • importScripts(urls) ：导入其它 JavaScript 脚本文件。参数为该脚本文件的 URL 地址，可以导入多个脚本文件。导入的脚本文件必须与使用该线程文件的页面在同一个域中，并在同一个端口中

  • navigator 对象：与 window.navigator 对象类似，具有 appName 、 platform 、 userAgent 和 appVersion 属性。它们可以用来标识浏览器的字符
  • sessionStorage/localStorage ：在线程中可以使用 Web Storage
  • XMLHttpRequest ：在线程中可以处理 Ajax 请求
  • Web Workers ：在线程中可以嵌套线程
  • setTimeout()/setInterval() ：在线程中可以实现定时处理
  • close ：结束本线程
  • eval() 、 isNaN() 、 escape() 等：可以使用所有 JavaScript 核心函数
  • object ：可以创建和使用本地对象
  • WebSockets ：可以使用 Web Sockets API 向服务器发送和接收信息