Web Workers fazem parte do padrão HTML5

Define um conjunto de APIs que nos permitem abrir um novo thread de trabalho fora do thread js principal e executar um script js nele

Dá aos desenvolvedores a capacidade de usar js para operar multithreads

A UI do aplicativo web permanece responsiva mesmo se o script for executado por um longo período

Melhorar o desempenho da página: execute algumas operações que exigem muito cálculo ou demoradas no thread em segundo plano, como processamento de dados, processamento de imagens, etc., sem ocupar o thread principal, evitando atrasos ou congelamentos da página e melhorando o desempenho e a capacidade de resposta da página. .

Processar dados em grande escala: Dados em grande escala podem ser processados ​​porque são executados em threads separados e não afetarão a execução do thread principal. Dados em grande escala podem ser processados ​​com mais eficiência, melhorando a eficiência e escalabilidade do código.

Torne o código mais modular: O código pode ser dividido em vários módulos e executado em diferentes threads, tornando o código mais modular, sustentável e legível.

Suporte multithreading: suporte multithreading, para que você possa aproveitar as vantagens dos processadores multi-core para melhorar a eficiência de execução do seu código.

Processamento de imagem: como rotação, corte, dimensionamento, filtros, etc. Isso melhora o desempenho e a capacidade de resposta do processamento de imagem.

Processamento de dados: como filtragem, classificação, resumo e transformação de conjuntos de dados, etc. Isso melhora a eficiência e a precisão do processamento de dados.

Tarefas computacionalmente intensivas: como simulação, otimização, previsão, estatística, etc. Isso melhora a velocidade e a precisão das tarefas de computação.

Comunicação em tempo real: como salas de chat, jogos, videoconferência, etc. Isso melhora a estabilidade e o desempenho das comunicações em tempo real.

Cache offline: os recursos comumente usados ​​podem ser pré-baixados no cache local do cliente e os recursos do cache podem ser usados ​​quando a Internet não puder ser acessada. Isso pode melhorar a usabilidade e a capacidade de resposta do seu aplicativo, especialmente em dispositivos móveis.

Processamento multithread: como computação paralela, distribuição de tarefas, balanceamento de carga, etc. Isso melhora a simultaneidade e escalabilidade do sistema.

A transferência de dados entre o thread principal e o thread de trabalho é feita por valor e não por endereço. Portanto, mesmo que um Objeto seja passado e retornado diretamente, o valor recebido não é o valor original.

erro: acionado quando ocorre um erro dentro do trabalhador

messageerror: acionado quando o evento de mensagem recebe parâmetros que não podem ser desserializados

Semelhança: quer o trabalhador seja encerrado no thread principal ou o trabalhador seja encerrado dentro do thread de trabalho, as tarefas no Loop de Eventos atual do thread de trabalho continuarão a ser executadas.

A diferença: quando o trabalhador é fechado manualmente no thread principal, a conexão entre o thread principal e o thread de trabalho será interrompida imediatamente. Mesmo que ainda haja tarefas a serem executadas no Event Loop atual do thread de trabalho, o postMessage. () continuará a ser chamado, mas o thread principal não receberá mais a mensagem. Fechar o trabalhador dentro do thread de trabalho não o desconectará diretamente do thread principal. Em vez disso, ele aguardará até que todas as tarefas do Event Loop atual do thread de trabalho sejam concluídas antes de fechá-lo. Em outras palavras, se você continuar a chamar o método postMessage() no Event Loop atual, o thread principal ainda poderá receber mensagens ouvindo o evento de mensagem.

O Web Worker fornece o método importScripts() no thread de trabalho para carregar os arquivos js que precisamos. Além disso, os arquivos js carregados por meio deste método não estão sujeitos à mesma política de origem.

Modo ESModule: Quando o arquivo js está no modo ESModule, importScripts() falhará ao importar o arquivo. Nesse caso, você precisa usar const trabalhador = new Worker('/worker.js', {type: 'module'}. ) para especificar o tipo de arquivo e, em seguida, você pode Introduzir usando o método de importação

Objetos Error e Function e nós Dom não podem ser passados

Para depurar o sharedWorker, você precisa inserir chrome://inspect/ no navegador Chrome. Aqui você pode ver todos os sharedWorkers em execução e, em seguida, abrir um painel de ferramentas de desenvolvimento independente.

Os Web Workers já são suportados pela maioria dos navegadores e basicamente não há necessidade de considerar problemas de compatibilidade ao usá-los.

A compatibilidade do sharedWorker no Safari e em terminais móveis não é muito boa, então você precisa prestar atenção ao usá-lo.