Skip to main content

Um web worker, como definido pelo World Wide Web Consortium (W3C) e Web Hypertext Application Technology Working Group (WHATWG), é um script em JavaScript que é executado nos fundos de uma página HTML, independente de outros script relacionados à interface do usuário (IU) que talvez tenha sidos executados a partir da mesma página HTML.

Um web worker, como definido pelo World Wide Web Consortium (W3C) e Web Hypertext Application Technology Working Group (WHATWG), é um script em JavaScript que é executado nos fundos de uma página HTML, independente de outros script relacionados à interface do usuário (IU) que talvez tenha sidos executados a partir da mesma página HTML.

Exemplo de web worker:

A utilização mais simples de um web worker é para realizar uma tarefa computacional demorada sem interromper a interface do usuário (IU).

Neste exemplo, o documento principal inicializa um web worker to calcular números primos, e progressivamente exibe o número primo mais recentemente encontrado.

A página principal é a seguinte:

<!DOCTYPE html>
<html>
 <head>
  <title>Worker example: One-core computation</title>
 </head>
 <body>
  <p>The highest prime number discovered so far is: <output id="result"></output></p>
  <script>
   var worker = new Worker('worker.js');
   worker.onmessage = function (event) {
     document.getElementById('result').textContent = event.data;
   };
  </script>
 </body>
</html>

A chamada ao construtor Worker() cria um web worker e retorna um objeto worker representando aquele web worker, que é utilizado para se comunicar com o web worker. O evento onmessage daquele objeto permite que o código receba mensagens do web worker.

O código do Web Worker é o seguinte:

var n = 1;
search: while (true) {
  n += 1;
  for (var i = 2; i <= Math.sqrt(n); i += 1)
    if (n % i == 0)
      continue search;
  // found a prime!
  postMessage(n);
}

Para enviar uma mensagem de volta para página, é utiliza método postMessage() quando um número primo é encontrado.

Referências: