Javascript SharedWorkers 演示到 Typescript 演示问题

Question

我使用普通 JS 创建了一个共享工作人员的简单演示，我决定看看是否可以将其更改为 TS 项目，从一开始我就遇到了一个问题，我不确定这是否与d.ts 文件或其他文件。

我已经安装了 @types/sharedworkers 定义(npm install --save @types/sharedworker)。 我正在使用 Typescript 2.1.1。

如果我创建一个简单的类，例如

class MyTestClass {
    private worker : SharedWorker;
    constructor() {
        this.worker = new SharedWorker( 'JS_code_to_load');
    }
}

然后我的 IDE (IntelliJ) 会自动完成导入并使其 - 导入 SharedWorker = SharedWorker.SharedWorker;

通过查看 SharedWorker 文件，这似乎是有意义的 - Github sharedworker d.ts

但是发生了一个错误 - TS2339: 类型 '{ new (stringUrl: string, name?: string | undefined): SharedWorker; 上不存在属性 'SharedWorker' SharedWorker 原型(prototype)； }'

这是 d.ts 文件的问题吗，声明了太多 SharedWorker(命名空间、接口(interface)和 var)？

导入是否应该不同。我之前使用的导入是针对我导入的实际模块，但共享工作线程不是使用 npm 安装的外部模块。

Answer 1

根据该类型定义，您的代码应该是:

class MyTestClass {
    private worker : SharedWorker.SharedWorker;
    constructor() {
        this.worker = new SharedWorker( 'JS_code_to_load');
    }
}

完成:

declare namespace SharedWorker {
    interface AbstractWorker extends EventTarget {
        onerror: (ev: ErrorEvent) => any;
    }

    export interface SharedWorker extends AbstractWorker {
        /**
         * the value it was assigned by the object's constructor.
         * It represents the MessagePort for communicating with the shared worker.
         * @type {MessagePort}
         */
        port: MessagePort;
    }
}

declare var SharedWorker: {
    prototype: SharedWorker.SharedWorker;
    /***
     *
     * @param {string} stringUrl    Pathname to JavaScript file
     * @param {string} name         Name of the worker to execute
     */
    new (stringUrl: string, name?: string): SharedWorker.SharedWorker;
};

class MyTestClass {
    private worker : SharedWorker.SharedWorker;
    constructor() {
        this.worker = new SharedWorker( 'JS_code_to_load');
    }
}