可靠地检测脚本是否在 Web Worker 中执行

Question

我目前正在用 JavaScript 编写一个小库，以帮助我将一些繁重的计算委托给网络工作者。

由于某些原因（主要是为了能够在 UI 线程中进行调试，然后在工作线程中运行相同的代码），我想检测脚本当前是在工作线程中运行还是在 UI 线程中运行。

我不是经验丰富的 JavaScript 开发人员，我想确保以下函数能够可靠地检测我是否在工作人员中：

function testenv() {
    try{
        if (importScripts) {
            postMessage("I think I'm in a worker actually.");
        }
    } catch (e) {
        if (e instanceof ReferenceError) {
            console.log("I'm the UI thread.");
        } else {
            throw e;
        }
    }
}

那么，是吗？

Answer 1

虽然这个游戏已经很晚了，但这是我能想到的最好、最可靠的方法：

// run this in global scope of window or worker. since window.self = window, we're ok
if (typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope) {
    // huzzah! a worker!
} else {
    // I'm not a worker... sad trombone.
}

Answer 2

Emscripten 的作用是：（

// *** Environment setup code ***
var ENVIRONMENT_IS_NODE = typeof process === 'object' && typeof require === 'function';
var ENVIRONMENT_IS_WEB = typeof window === 'object';
var ENVIRONMENT_IS_WORKER = typeof importScripts === 'function';
var ENVIRONMENT_IS_SHELL = !ENVIRONMENT_IS_WEB && !ENVIRONMENT_IS_NODE && !ENVIRONMENT_IS_WORKER;

Github 上的 Emscripten）

Answer 3

如前所述，另一个线程，它表示要检查窗口上是否存在文档对象。然而，我想对您的代码进行修改，以避免执行 try/catch 块 会减慢 Chrome 中 JS 的执行速度，在其他浏览器中也可能如此。

编辑：我之前在假设全局范围内有一个窗口对象时犯了一个错误。我通常添加

//This is likely SharedWorkerContext or DedicatedWorkerContext
window=this;

到我的工作加载程序脚本的顶部，这允许所有使用窗口功能检测的函数不会崩溃。那么你就可以使用下面的功能了。

function testEnv() {
  if (window.document === undefined) {
    postMessage("I'm fairly confident I'm a webworker");
  } else {
    console.log("I'm fairly confident I'm in the renderer thread");
  }
}

或者，只要其在顶级范围内，就无需窗口分配。

var self = this;
function() {
  if(self.document === undefined) {
    postMessage("I'm fairly confident I'm a webworker");
  } else {
    console.log("I'm fairly confident I'm in the renderer thread");
  }
}