Web worker: differenze tra le versioni

Versione delle 13:03, 13 feb 2020

Versione attuale delle 17:15, 22 feb 2025

(6 versioni intermedie di 5 utenti non mostrate)

Riga 1:

Un '''''web worker''''', come definito dal [[World Wide Web Consortium]] (W3C) e dal [[Web Hypertext Application Technology Working Group]] (WHATWG), è uno [[JavaScript|script JavaScript]] che viene eseguito in [[Esecuzione in background|background]] in una pagina [[HTML]] indipendentemente dagli script dell'interfaccia utente.<ref name="WHATWG">{{Cita pubblicazione|url=https://www.whatwg.org/specs/web-workers/current-work/|titolo=Web Workers|editore=[[Web Hypertext Application Technology Working Group|WHATWG]]|accesso=3 giugno 2010}}</ref> I Web''web worker'' sono spesso in grado di utilizzare le [[Multi core|CPU multi-core]] in modo più efficiente.<ref>{{Cita web|url=https://html.spec.whatwg.org/multipage/workers.html#delegation|titolo=HTML Living Standard|cognome=|nome=|data=30 gennaio 2017|sito=Html.spec.whatwg.org|accesso=31 gennaio 2017}}</ref>

Il W3C e WHATWG considerano i ''web worker'' come script a esecuzione prolungata che non vengono interrotti dagli script dell'interfaccia utente (che rispondono ai clic o ad altre interazioni dell'utente). Il fatto di impedire a tali ''worker'' di essere interrotti dalle attività utente dovrebbe consentire alle pagine Webweb di rimanere reattive mentre eseguono attività lunghe in background.

Il W3C e il WHATWG sono attualmente nel processo di sviluppo della definizione di [[Application programming interface|API]] per i ''web worker''.<ref name="WHATWG" />

== Panoramica ==

Come concepiti da WHATWG, i ''web worker'' sono relativamente pesanti. Sono intesi per essere longevi, con un costo elevato in termini di prestazioni di avvio e un costo elevato di memoria per istanza.<ref name="WHATWG" /> Di conseguenza non dovrebbero essere utilizzati in grandi quantità, in quanto potrebbero monopolizzare le risorse di sistema.

I ''web worker'' consentono l'esecuzione dei [[Thread (informatica)|thread]] del [[browser]] in [[Concorrenza (informatica)|concorrenza]] a uno o più thread JavaScript in esecuzione in background. Normalmente il browser, che segue un singolo thread di esecuzione, deve attendere il completamento dell'esecuzione dei programmi JavaScript prima di procedere e ciò potrebbe richiedere del tempo significativo che il programmatore potrebbe voler nascondere all'utente. I ''web worker'' permettono al browser di continuare con le normali operazioni durante l'esecuzione in background dello script.

La specifica ''web worker'' è separata dalla specifica HTML5<ref name="into html5" /> e può essere utilizzata con HTML5.

Esistono due tipi di ''web worker'':<ref name="WHATWG" /> dedicati e condivisi.

Quando i ''web worker'' sono eseguiti in background non hanno accesso diretto al DOM ma comunicano con il documento tramite [[Comunicazione a scambio di messaggi|scambio di messaggi]]. Ciò consente l'esecuzione multi-thread dei programmi JavaScript.

== Caratteristiche ==

I Web''web worker'' interagiscono con il documento principale tramite il passaggio di messaggi. Il codice seguente crea un ''worker'' che eseguirà il codice JavaScript nel file specificato.<sourcesyntaxhighlight lang="javascript">

var worker = new Worker("worker_script.js");

</sourcesyntaxhighlight>Per inviare un messaggio al ''worker'' si usa il metodo <code>postMessage</code> dell'oggetto ''worker'', come mostrato nell'esempio successivo.<sourcesyntaxhighlight lang="javascript">

worker.postMessage("Hello World!");

</sourcesyntaxhighlight>La proprietà <code>onmessage</code> usa un ''event handler'' per recuperare informazioni da un ''worker''.<sourcesyntaxhighlight lang="javascript" line="1">

worker.onmessage = function(event) {

alert("Received message " + event.data);

Riga 33:

worker.terminate();

</sourcesyntaxhighlight>Una volta che un worker è terminato diventa fuori portata e la variabile che fa riferimento diventa {{Codice|codice=undefined|linguaggio=JavaScript}}; a questo punto è necessario creare un nuovo worker, se necessario.

== Esempio ==

L'uso più semplice dei ''web worker'' è eseguire task computazionalmente costosi senza interrompere l'interfaccia utente.

In questo esempio, il documento principale crea un ''web worker'' per computare numeri primi e li mostra progressivamente l'ultimo numero primo trovato.

La pagina principale come segue:<sourcesyntaxhighlight lang="html4strict" line="1">

<!DOCTYPE html>

<html>

Riga 47:

</head>

<body>

<p>Theil highestpiù primegrande numbernumero discoveredprimo socalcolato farfinora isè: <output id="result"></output></p>

<script>

var worker = new Worker('worker.js');

Riga 56:

</body>

</html>

</sourcesyntaxhighlight>La chiamata al costruttore <code>Worker()</code> crea un ''web worker'' e ritorna un oggetto <code>worker</code> , il quale è usato per comunicare con il ''web worker''. L{{'}}''event handler'' <code>onmessage</code> dell'oggetto permette al codice di ricevere messaggi dal ''web worker''.

Il Webcodice Workerdel stesso''web worker'', contenuto nel file <code>worker.js</code>, è il seguente:<sourcesyntaxhighlight lang="javascript" line="1">

var n = 1;

var end_value = 10**7;

Riga 65:

if (n % i == 0)

continue search;

// foundtrovato aun primenumero primo!

postMessage(n);

}

</syntaxhighlight>

</source>

Per mandare un messaggio alla pagina quando un nuovo numero primo è stato trovato si utilizza il metodo <code>postMessage()</code>.

== Supporto ==

Il supporto dei browser per i ''web worker'' può essere controllato attraverso la proprietà Worker<code>worker</code> sull'oggetto globale {{Codice|codice=window|linguaggio=JavaScript}},<ref>"HTML5 Up and Running" Mark Pilgrim. O'Reilly/Google Press. August 2010</ref> la quale sarà {{Codice|codice=undefined|linguaggio=JavaScript}} se il browser non li supporta.

Il seguente codice di esempio controlla il supporto dei ''web worker'' su un browser:<sourcesyntaxhighlight lang="javascript" line="1">

function browserSupportsWebWorkers() {

return typeof window.Worker === "function";

}

</sourcesyntaxhighlight>I ''web worker'' sono attualmente supportati da [[Google Chrome|Chrome]], [[Opera (browser)|Opera]], [[Internet Explorer 10]] (versione 10), [[Mozilla Firefox]] e [[Safari (browser)|Safari]].<ref name="into html5">"Introducing HTML5", Lawson, B. and Sharp, R., 2011.</ref><ref>"HTML5 and CSS3" Brian P. Hogan. The Pragmatic Programmers, LLC 2010.</ref> Mobile[[Safari (browser)|Safari]] per [[iOS]] supporta i ''web worker'' da [[iOS]] 5. Il browser [[Android]] ha iniziato a supportarli in [[Android 2.1]], ma il supporto è stato rimosso nelle versioni [[Android 2.2-]]–[[Android 4.3|4.3]] prima di essere ripristinato in [[Android 4.4]].<ref>{{Cita web|url=http://www.isogenicengine.com/2010/10/25/spotlight-benchmarking-android-2-1-with-web-workers/#|titolo=Archived copy|accesso=10 luglio 2011|urlarchivio=https://web.archive.org/web/20131019092816/http://www.isogenicengine.com/2010/10/25/spotlight-benchmarking-android-2-1-with-web-workers/#|dataarchivio=19 ottobre 2013|urlmorto=sì}}</ref><ref>{{Cita web|url=https://caniuse.com/#search=worker|titolo=Can I use... Support tables for HTML5, CSS3, etc|sito=caniuse.com|accesso=10 giugno 2017}}</ref>

== Note ==

Riga 86:

== Collegamenti esterni ==

* [https://dev.w3.org/html5/workers/ Web Workers – W3C] {{Webarchive|url=https://web.archive.org/web/20150607035929/http://dev.w3.org/html5/workers/ |date=7 giugno 2015 }}

* [https://www.whatwg.org/specs/web-workers/current-work/ Web Workers – WHATWG]

* [https://developer.mozilla.org/en/Using_web_workers Using Web Workers] {{Webarchive|url=https://web.archive.org/web/20120507130436/https://developer.mozilla.org/en/Using_web_workers |date=7 maggio 2012 }} – Mozilla Developer Network

{{Interfacce web}}

{{portale|informatica|internet}}

[[Categoria:Sviluppo web]]