typescript - 如何使用 postMessage 强类型化 TypeScript web worker 文件？

Question

我有一个 web worker，我想用 TypeScript 编写。

问题是Worker.postMessage - TypeScript 假定每个脚本都将加载到窗口上下文中，因此期望 Window.postMessage , 它有不同的语法。

这意味着当我尝试使用 postMessage 时 TypeScript 会抛出一个错误。

有很多方法可以解决这个问题，例如通过重新定义函数 declare function postMessage(message: any)，但其中大部分充其量只是丑陋的拼凑——TS 的重点是检查类型，声明我自己的虚拟类型会打败它。

出于同样的原因 - window(及其上下文中的所有内容)在此上下文中不可用，TS 应将其视为错误。例如 alert('message') 应该导致 TS 警告，而不是运行时错误。

有什么方法可以让文件获取实际定义(来自 webworker.es2016.d.ts)并以某种方式告诉 TypeScript 此代码将在工作上下文中运行而不是 window ？

Answer 1

如果您检查 compiler options您会看到 --lib 有一个 webworker 选项。问题是你不能同时编译常规代码和 web worker 代码。你可以将你的网络 worker 代码放在一个单独的文件夹中，它有自己的 tsconfig.json 并单独复制它:

"compilerOptions" : {
    "target": "es2015",
    "lib": [
        "es2015"
        "webworker"
    ]
}

或者您可以为 webworker 代码显式调用编译器:

tsc .\sample.ts -lib es2015,webworker