如何可靠检测当前运行环境是Module Worker还是Classic Web Worker？

问题背景 #

需要在Worker代码中判断当前运行环境是Module Worker还是传统Web Worker，从而选择使用import()（Module Worker）或importScripts()（传统Worker），现有方案依赖Chrome特定的错误信息字符串，兼容性差。

可靠解决方案 #

方案1：利用import.meta特性检测（推荐）

Module Worker支持ES模块特性，其中import.meta是模块环境特有的对象；而传统Worker属于脚本环境，访问import.meta会抛出ReferenceError。基于这一语言特性差异，可以实现跨浏览器的可靠检测：

let isModuleWorker = false;
try {
  // 仅Module Worker中能正常访问import.meta
  void import.meta;
  isModuleWorker = true;
} catch (_) {
  isModuleWorker = false;
}

这个方案的优势：

• 不依赖浏览器错误信息的字符串内容，避免了不同浏览器错误提示不一致或后续更新导致的失效问题
• 所有支持Module Worker的现代浏览器都能兼容，通用性强

方案2：主线程传递标识（适用于可控场景）

如果你的代码可以控制Worker的创建流程，可以在主线程创建Worker时，直接通过postMessage将Worker类型传递给Worker内部：

// 主线程代码
const worker = new Worker('your-worker.js', { type: 'module' });
worker.postMessage({ isModuleWorker: true });

// Worker内部代码
let isModuleWorker = false;
self.addEventListener('message', (event) => {
  if ('isModuleWorker' in event.data) {
    isModuleWorker = event.data.isModuleWorker;
  }
});

这个方案的局限性是需要主线程配合传递信息，若你开发的是通用Worker库，无法控制用户创建Worker的方式，就不太适用。

对比原有方案的不足 #

你之前的方案通过捕获importScripts()的错误信息判断类型，完全依赖Chrome的错误提示字符串，其他浏览器（如Firefox）的错误文本可能不同，且浏览器后续更新错误提示时会直接导致代码失效，兼容性和稳定性都很差，不推荐使用。

内容的提问来源于stack exchange，提问作者Royi Hagigi