blob: cd5c32adaa043b5f867b86698ee87f284f19e77c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
---
title: Gebruik DOM workers
slug: Gebruik_maken_van_DOM_workers
tags:
- HeeftTaalgebruikHerzieningNodig
translation_of: Web/API/Web_Workers_API/Using_web_workers
---
<p>{{ fx_minversion_header(3.1) }}</p>
<p>{{ draft() }}</p>
<div class="warning">
<strong>Let op:</strong> De specificaties voor de DOM workers zijn nog niet volledig.</div>
<p>DOM workers maken het mogelijk voor web content om scripts in achtergrond threads uit te voeren. Zodra een worker aangemaakt is kan deze thread berichten sturen door middel van een event handler, die gespecificeerd is door de maker.</p>
<p>Een worker thread kan opdrachten uitvoeren zonder de gebruikers interface te storen.</p>
<div class="note">
<strong>Notitie:</strong> Zoals altijd, background threads — inclusief workers — kunnen geen invloed uit oefenen op de DOM. Als er acties uitgevoerd moeten worden vanuit de background thread, moeten dezen eerst terug gestuurd worden naar de oorsprongkelijke maker (main thread).</div>
<h2 id="Het_maken_van_een_worker">Het maken van een worker</h2>
<p>Het maken van een nieuwe worker is simpel. Alles wat je hoeft te doen is de <code>Worker()</code> constructor op te roepen, opgeven van het script dat uitgevoerd moet worden in de background thread. Als je wenst notificaties te ontvangen van de worker, kun je de worker's <code>onmessage</code> property wijzigen naar een event handler functie.</p>
<pre class="brush: js">var myWorker = new Worker('my_worker.js');
myWorker.onmessage = function(event) {
print("Called back by the worker!\n");
};</pre>
<p>Regel 1 in dit voorbeeld maakt en start het uitvoeren van een worker thread. Regel 2 zet de <code>onmessage</code> handler voor de worker naar een functie, dat opgeroepen kan worden als de worker zijn eigen <code>postMessage()</code> functie oproept.</p>
<h2 id="Zie_ook">Zie ook</h2>
<ul>
<li><code><a class="internal" href="/Nl/DOM/Worker" title="Nl/DOM/Worker">Worker</a></code></li>
<li><code><a class="internal" href="/Nl/DOM/SharedWorker" title="Nl/DOM/SharedWorker">SharedWorker</a></code></li>
<li><code><a class="internal" href="/En/Using_DOM_workers" title="En/Using DOM workers">Using_DOM_workers (Engelstalig)</a></code></li>
</ul>
|
