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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
|
---
title: AbstractWorker
slug: Web/API/AbstractWorker
tags:
- API
- Interface
- Reference
- Web Workers
translation_of: Web/API/AbstractWorker
---
<p>{{ APIRef() }}</p>
<p>L'interface <strong><code>AbstractWorker</code></strong> de l'<a href="/fr/docs/Web/API/Web_Workers_API">API Web Worker</a> résume les propriétés et les méthodes communes à tous les types de workers, comme {{domxref("Worker")}}, {{domxref("SharedWorker")}} ou {{domxref("ServiceWorker")}}. Étant une classe abstraite, vous n'interagirez pas directement avec elle.</p>
<h2 id="Propriétés">Propriétés</h2>
<p><em>L'interface <code>AbstractWorker</code></em><em> n'hérite d'aucune propriété.</em></p>
<h3 id="Gestionnaires_d’évènements">Gestionnaires d’évènements</h3>
<dl>
<dt>{{domxref("AbstractWorker.onerror")}}</dt>
<dd>Un {{ domxref("EventListener") }} appelé chaque fois qu'un {{domxref("ErrorEvent")}} de type <code>error</code> apparaît à l'intérieur du worker.</dd>
</dl>
<h2 id="Méthodes">Méthodes</h2>
<p><em>L'interface de <code>AbstractWorker</code></em><em> n'hérite ou n'implémente aucune méthode.</em></p>
<h2 id="Exemple">Exemple</h2>
<p>Notez que vous n’utiliserez pas directement l’interface <code>AbstractWorker</code> dans votre code — lorsqu’elles sont appelées, les interfaces {{domxref("Worker")}} et {{domxref("SharedWorker")}} héritent des propriétés d’<code>AbstractWorker</code>. L’extrait de code suivant présente la création d’un objet {{domxref("Worker")}} utilisant le constructeur {{domxref("Worker.Worker", "Worker()")}}, ainsi que l’usage de cet objet:</p>
<pre class="brush: js">var monWorker = new Worker("worker.js");
first.onchange = function() {
monWorker.postMessage([first.value,second.value]);
console.log('Message envoyé au worker');
}</pre>
<p>Le worker est chargé à partir du ficher «<code>worker.js</code>». Ce code suppose qu'il y a un élément {{HTMLElement("input")}}, représenté par <code>first</code>, avec un gestionnaire d'évènement pour l'évènement {{domxref("change")}} qui signale un changement de valeur par l'utilisateur, ce qui entraîne l'envoi d'un message au <em>worker</em>.</p>
<p>Pour des exemples complets, voir :</p>
<ul>
<li><a class="external external-icon" href="https://github.com/mdn/simple-web-worker">Exemple de worker dédié simple </a>(<a class="external external-icon" href="http://mdn.github.io/simple-web-worker/">exécuter le worker dédié</a>).</li>
<li><a class="external external-icon" href="https://github.com/mdn/simple-shared-worker">Exemple de worker partagé simple</a> (<a class="external external-icon" href="http://mdn.github.io/simple-shared-worker/">exécuter le worker partagé</a>).</li>
</ul>
<h2 id="Spécifications">Spécifications</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Spécification</th>
<th scope="col">Statut</th>
<th scope="col">Commentaire</th>
</tr>
<tr>
<td>{{SpecName("HTML WHATWG", "#abstractworker", "AbstractWorker")}}</td>
<td>{{Spec2("HTML WHATWG")}}</td>
<td>Pas de changement depuis {{SpecName("Web Workers")}}.</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
<p>{{Compat("api.AbstractWorker")}}</p>
<h2 id="Voir_également">Voir également</h2>
<ul>
<li>Les interfaces {{domxref("Worker")}}, {{domxref("ServiceWorker")}} et {{domxref("SharedWorker")}} qui héritent d’<strong><code>AbstractWorker</code></strong> .</li>
<li><a href="/fr/docs/Web/API/Web_Workers_API">Web Workers API</a></li>
<li><a href="/fr/docs/Web/API/Web_Workers_API/Utilisation_des_web_workers">Utilisation des web workers </a></li>
</ul>
|
