Postmessage с использованием Sharedworker - PullRequest
Новая
       33

Postmessage с использованием Sharedworker

0 голосов
/ 01 июня 2018

С данным tsconfig.json, 

{

    "compilerOptions": {

      "lib": ["es2015", "dom"]
    },
    "files": [
      "./1_webworker/tstut.ts",
      "./1_webworker/worker.ts"

    ]
  }

и структура папок

Ran npm install --save @types/sharedworker.

В приведенном ниже коде(из ./1_webworker/tstut.ts),

let worker: Worker = new Worker('worker.js');

для использования синтаксиса общего работника, объявлено:

let worker: SharedWorker.SharedWorker = new SharedWorker('worker.js');

, но ниже приведена ошибка.

worker.postMessage('do some work'); // Property 'postMessage' does not exist on type 'SharedWorker'

worker.addEventListener('message', (e) => {

  console.log(e.data); // Property 'data' does not exist on type 'Event'
});

Как опубликовать строку сообщения для общего работника?

1 Ответ

0 голосов
/ 01 июня 2018

Вот рабочий пример SharedWorker в TypeScript.

caller.ts 

let worker = new SharedWorker('worker.js');
worker.port.start();

worker.port.onmessage = function (e) {
    console.log('Caller Received:', e.data);
}

worker.port.postMessage('Message');

worker.ts 

interface SharedWorkerGlobalScope {
    onconnect: (event: MessageEvent) => void;
}

const _self: SharedWorkerGlobalScope = self as any;

_self.onconnect = function (e) {
    var port = e.ports[0];

    port.addEventListener('message', function (e) {
        console.log('Worker Received', e.data);
        port.postMessage('Result');
    });

    port.start(); // Required when using addEventListener. Otherwise called implicitly by onmessage setter.
}

SharedWorkerGlobalScope в настоящее время является частью определения типа, которое вы извлекли из npm.Я отправлю запрос на обновление, чтобы обновить его в ближайшее время.

...