importscripts 是 web worker 中唯一同步加载外部脚本的机制，仅限 worker 内使用，支持多脚本按序执行、全局变量注入，但不支持 es 模块、无返回值、受 cors 限制；现代方案推荐模块化 worker。
importScripts 是 Web Worker 中唯一可用的脚本导入机制，用于同步加载并执行一个或多个外部 JavaScript 文件。它不能用在主线程，也不能用 import 或 require 替代。
基本用法：加载单个或多个脚本
在 Worker 脚本内部（例如 worker.js）直接调用：
importScripts('lodash.min.js');
// 或多个
importScripts('utils.js', 'helpers.js', 'lib/axios.min.js');
路径是相对于 Worker 脚本所在 URL 的；支持相对路径、绝对路径和完整 URL（需同源或满足 CORS）。
加载时机与执行顺序
importScripts 是同步阻塞的：浏览器会按参数顺序依次下载、解析、执行每个脚本，后续代码必须等全部完成才运行。
- 如果某个脚本 404 或网络失败，整个 Worker 会抛出
NetworkError并终止 - 重复调用同一 URL 不会重复执行（类似多次
<script></script>，但已执行过的脚本不会重载） - 脚本内定义的全局变量（如
lodash的_）会直接挂载到 Worker 全局作用域中
常见注意事项
使用时需避开几个典型坑：
-
不支持模块语法：不能导入
.mjs或含export/import的 ES 模块文件；必须是传统 IIFE 或全局变量暴露形式（如 UMD） -
无返回值：
importScripts()返回undefined，不能用 await 或链式处理 -
CORS 限制：跨域脚本必须响应头包含
Access-Control-Allow-Origin，否则静默失败 -
调试技巧：可在 DevTools 的 “Sources” → “Workers” 下查看已加载的脚本，或在 Worker 中
console.log(self)确认变量是否注入成功
替代方案参考（现代项目推荐）
如果你用构建工具（如 Vite、Webpack）或支持模块 Worker 的环境（Chrome 120+、Firefox 119+），可改用 模块化 Worker：
// 创建模块 Worker（注意 type: 'module'）
const worker = new Worker('./my-worker.js', { type: 'module' });
// 在 my-worker.js 内可直接使用：
import _ from 'https://cdn.skypack.dev/lodash-es@4.17.21';
import { calculate } from './math-utils.js';
这种方式更符合现代 JS 规范，支持 tree-shaking 和静态分析，但兼容性略低；importScripts 则是所有浏览器都支持的通用方案。
