diff options
author | SphinxKnight <SphinxKnight@users.noreply.github.com> | 2021-07-30 20:18:17 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-07-30 20:18:17 +0200 |
commit | 2a76c37d0e733dedf8ed87d1e7e46caf3c44667e (patch) | |
tree | eef4e1f7f84846e950ff27780bf447000542d4e0 /files/fr/web/javascript/reference/statements | |
parent | 6f195c0befca01246e2db1c38a65628baf1938e1 (diff) | |
download | translated-content-2a76c37d0e733dedf8ed87d1e7e46caf3c44667e.tar.gz translated-content-2a76c37d0e733dedf8ed87d1e7e46caf3c44667e.tar.bz2 translated-content-2a76c37d0e733dedf8ed87d1e7e46caf3c44667e.zip |
Prepare JS French section for Markdown (#1574)
* Rm IDs w/ [^h\d] id="
* Remove class="hidden"
* Remove hidden for code blocks
* rm summary classes
* Use Note consistently
* Remove sup
* Rm code in pre
* Fixes dd/dt/dl
* Fix some more dd
* Remove inline style and useless/craft from span/font
* h2m report fixing - Consistent use of notes
* h2m report fixing - Consistent use of warnings
* h2m report fixing - reword one callout
* h2m report fixing - array cruft spans hell
* Cleaning the rest of docs for md conversion
Diffstat (limited to 'files/fr/web/javascript/reference/statements')
26 files changed, 16 insertions, 103 deletions
diff --git a/files/fr/web/javascript/reference/statements/async_function/index.html b/files/fr/web/javascript/reference/statements/async_function/index.html index 7c9a65bcb9..02131e514b 100644 --- a/files/fr/web/javascript/reference/statements/async_function/index.html +++ b/files/fr/web/javascript/reference/statements/async_function/index.html @@ -20,8 +20,6 @@ original_slug: Web/JavaScript/Reference/Instructions/async_function <div>{{EmbedInteractiveExample("pages/js/statement-async.html", "taller")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">async function <em>name</em>([<em>param</em>[, <em>param</em>[, ... <em>param</em>]]]) { @@ -34,14 +32,8 @@ original_slug: Web/JavaScript/Reference/Instructions/async_function <dl> <dt><code>name</code></dt> <dd>Le nom de la fonction.</dd> -</dl> - -<dl> <dt><code>param</code></dt> <dd>Le nom d'un argument à passer à la fonction.</dd> -</dl> - -<dl> <dt><code>instructions</code></dt> <dd>Les instructions qui composent le corps de la fonction.</dd> </dl> @@ -61,7 +53,7 @@ original_slug: Web/JavaScript/Reference/Instructions/async_function </div> <div class="note"> -<p><strong>Note </strong><strong>:</strong> Le but des fonctions <code>async</code>/<code>await</code> est de simplifier l'utilisation synchrone des promesses et d'opérer sur des groupes de promesses. De la même façon que les promesses sont semblables à des <em>callbacks</em> structurés, <code>async</code>/<code>await</code> est semblable à la combinaison des générateurs et des promesses.</p> +<p><strong>Note :</strong> Le but des fonctions <code>async</code>/<code>await</code> est de simplifier l'utilisation synchrone des promesses et d'opérer sur des groupes de promesses. De la même façon que les promesses sont semblables à des <em>callbacks</em> structurés, <code>async</code>/<code>await</code> est semblable à la combinaison des générateurs et des promesses.</p> </div> <h2 id="Exemples">Exemples</h2> @@ -154,7 +146,6 @@ setTimeout(parallel, 10000); // réellement parallele : après 1 seconde, setTimeout(parallelPromise, 13000); // identique à parallel </pre> -<div class="note"> <h4 id="await_et_lexécution_parallèle"><code>await</code> et l'exécution parallèle</h4> <p>Dans <code>sequentialStart</code>, l'exécution est arrêtée pendant deux secondes avant le premier <code>await</code> puis encore une autre seconde avant le deuxième <code>await</code>. Le deuxième minuteur n'est pas créé tant que le premier n'est pas écoulé. Le code s'exécute donc au moins en 3 secondes.</p> @@ -163,9 +154,7 @@ setTimeout(parallelPromise, 13000); // identique à parallel Toutefois, les appels utilisant <code>await</code> sont exécutés séquentiellement et la deuxième instruction avec <code>await</code> attendra que la première ait été traitée. Le minuteur le plus rapide est donc créé juste après le premier.</p> <p>Si on souhaite avoir deux tâches qui s'exécutent réellement en parallèle, on pourra utiliser <code>await Promise.all([job1(), job2()])</code> comme illustré ci-avant avec <code>parallel</code>.</p> -</div> -<div class="warning"> <h4 id="asyncawait_Promise.prototype.then_et_la_gestion_des_erreurs"><code>async</code>/<code>await</code>, <code>Promise.prototype.then()</code> et la gestion des erreurs</h4> <p>La plupart des fonctions asynchrones peuvent être écrites avec des promesses. Toutefois, les fonctions asynchrones qui utilisent <code>async</code> se prêtent mieux à la gestion des erreurs.</p> @@ -176,7 +165,6 @@ setTimeout(parallelPromise, 13000); // identique à parallel <p>Bien entendu, il est toutefois possible d'avoir des fonctions asynchrones (avec <code>async</code>) qui gobent des erreurs involontairement. Si on considère la fonction <code>parallel</code> ci-avant, s'il n'y avait eu aucun <code>await</code> ou <code>return</code> pour le résultat de <code>Promise.all([])</code>, aucune erreur n'aurait été propagée.<br> Bien que l'exemple <code>parallelPromise</code> paraisse simple, il ne gère aucune erreur du tout. Il aurait fallu utiliser un <code>return </code><code>Promise.all([])</code> analogue.</p> -</div> <h3 id="Réécrire_une_chaîne_de_promesses_avec_une_fonction_asynchrone">Réécrire une chaîne de promesses avec une fonction asynchrone</h3> diff --git a/files/fr/web/javascript/reference/statements/break/index.html b/files/fr/web/javascript/reference/statements/break/index.html index ffbb6323ec..95e5144230 100644 --- a/files/fr/web/javascript/reference/statements/break/index.html +++ b/files/fr/web/javascript/reference/statements/break/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/break <div>{{EmbedInteractiveExample("pages/js/statement-break.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox"><code>break [label];</code></pre> @@ -37,7 +35,7 @@ original_slug: Web/JavaScript/Reference/Instructions/break <p>La fonction qui suit utilise une instruction <code>break</code> qui interrompt la boucle {{jsxref("Instructions/while", "while")}} lorsque <code>i</code> vaut 3, grâce à l'instruction qui suit, la fonction renvoie 3 * <code>x</code>.</p> -<pre class="brush:js;highlight:[6];">function testBreak(x) { +<pre class="brush:js">function testBreak(x) { var i = 0; while (i < 6) { @@ -53,7 +51,7 @@ original_slug: Web/JavaScript/Reference/Instructions/break <p>Dans le code suivant, on utilise les instructions <code>break</code> avec des blocs étiquetés. Une instruction <code>break</code> doit être présente à l'intérieur du bloc auquel elle fait référence. Ici, on voit que <code>bloc_interne</code> est compris dans <code>bloc_externe</code>.</p> -<pre class="brush:js;highlight:[1,3,5];">bloc_externe: { +<pre class="brush:js">bloc_externe: { bloc_interne: { console.log ('1'); @@ -67,7 +65,7 @@ original_slug: Web/JavaScript/Reference/Instructions/break <p>Dans le code qui suit, on utilise également des instructions <code>break</code> avec des blocs étiquetés mais on obtient une exception <code>SyntaxError</code> car l'instruction <code>break</code> au sein de <code>bloc_1</code> référence <code>bloc_2</code>, or <code>bloc_1</code> n'est pas compris dans <code>bloc_2</code> :</p> -<pre class="brush:js;highlight:[1,3,6];">bloc_1: { +<pre class="brush:js">bloc_1: { console.log ('1'); break bloc_2; // SyntaxError: label not found } diff --git a/files/fr/web/javascript/reference/statements/class/index.html b/files/fr/web/javascript/reference/statements/class/index.html index 50d0225658..f88cd3f9b3 100644 --- a/files/fr/web/javascript/reference/statements/class/index.html +++ b/files/fr/web/javascript/reference/statements/class/index.html @@ -16,7 +16,7 @@ original_slug: Web/JavaScript/Reference/Instructions/class <div>{{EmbedInteractiveExample("pages/js/statement-class.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> + <p>Il est aussi possible de définir une classe avec une {{jsxref("Opérateurs/class", "expression class","",1)}}.</p> diff --git a/files/fr/web/javascript/reference/statements/const/index.html b/files/fr/web/javascript/reference/statements/const/index.html index dc780a36b5..ed27748ab3 100644 --- a/files/fr/web/javascript/reference/statements/const/index.html +++ b/files/fr/web/javascript/reference/statements/const/index.html @@ -15,8 +15,6 @@ original_slug: Web/JavaScript/Reference/Instructions/const <div>{{EmbedInteractiveExample("pages/js/statement-const.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">const <var>nom1</var> = <var>valeur1</var> [, <var>nom2</var> = <var>valeur2</var> [, ... [, <var>nomN</var> = <var>valeurN</var>]]];</pre> diff --git a/files/fr/web/javascript/reference/statements/continue/index.html b/files/fr/web/javascript/reference/statements/continue/index.html index e6a50ada58..97157d8740 100644 --- a/files/fr/web/javascript/reference/statements/continue/index.html +++ b/files/fr/web/javascript/reference/statements/continue/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/continue <div>{{EmbedInteractiveExample("pages/js/statement-continue.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">continue [ <em><var>label</var></em> ];</pre> diff --git a/files/fr/web/javascript/reference/statements/do...while/index.html b/files/fr/web/javascript/reference/statements/do...while/index.html index 2dbf8205ac..4913e642ce 100644 --- a/files/fr/web/javascript/reference/statements/do...while/index.html +++ b/files/fr/web/javascript/reference/statements/do...while/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/do...while <div>{{EmbedInteractiveExample("pages/js/statement-dowhile.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">do @@ -26,9 +24,6 @@ while (<em>condition</em>); <dl> <dt><code>instruction</code></dt> <dd>Une instruction exécutée au moins une fois et ré-exécutée chaque fois que la condition de test est évaluée à <code>true</code>. On peut exécuter plusieurs instructions au sein d'une boucle grâce à l'instruction {{jsxref("Instructions/block", "block")}} (<code>{ ... }</code>) qui permet de grouper différentes instructions en une seule.</dd> -</dl> - -<dl> <dt><code>condition</code></dt> <dd>Une expression évaluée après chaque passage dans la boucle. Si l'évaluation de la <code>condition</code> donne <code>true</code> (la condition est vérifiée), <code>instruction</code> sera exécutée à nouveau. Lorsque <code>condition</code> donne <code>false</code>, le contrôle passe à l'instruction suivant la boucle <code>do...while</code>.</dd> </dl> diff --git a/files/fr/web/javascript/reference/statements/empty/index.html b/files/fr/web/javascript/reference/statements/empty/index.html index b210fd12a5..a1dbfb03c2 100644 --- a/files/fr/web/javascript/reference/statements/empty/index.html +++ b/files/fr/web/javascript/reference/statements/empty/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/Vide <div>{{EmbedInteractiveExample("pages/js/statement-empty.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">; diff --git a/files/fr/web/javascript/reference/statements/export/index.html b/files/fr/web/javascript/reference/statements/export/index.html index 6f35bd87ca..30f421a8c5 100644 --- a/files/fr/web/javascript/reference/statements/export/index.html +++ b/files/fr/web/javascript/reference/statements/export/index.html @@ -122,7 +122,7 @@ console.log(cube(3)); // 27 console.log(machin); // 4.555806215962888</pre> <div class="note"> -<p><strong>Note : </strong>Si l'import est réalisé dans un script HTML, il faut que celui-ci soit chargé avec l'attribut {{htmlattrxref("type")}} <code>"module"</code> : <code><script type="module" src="./demo.js"></script></code> sinon il y aura une erreur quant aux origines multiples (<a href="/fr/docs/Web/HTTP/CORS">CORS</a>).<br> +<p><strong>Note :</strong> Si l'import est réalisé dans un script HTML, il faut que celui-ci soit chargé avec l'attribut {{htmlattrxref("type")}} <code>"module"</code> : <code><script type="module" src="./demo.js"></script></code> sinon il y aura une erreur quant aux origines multiples (<a href="/fr/docs/Web/HTTP/CORS">CORS</a>).<br> Il n'est pas possible de charger des modules JavaScript via une URL <code>file://</code> pour des raisons de sécurité (voir <a href="/fr/docs/Web/HTTP/CORS">CORS</a> également). Il faudra utiliser un serveur HTTP.</p> </div> diff --git a/files/fr/web/javascript/reference/statements/for-await...of/index.html b/files/fr/web/javascript/reference/statements/for-await...of/index.html index 97b26f13dd..131c9c4ef3 100644 --- a/files/fr/web/javascript/reference/statements/for-await...of/index.html +++ b/files/fr/web/javascript/reference/statements/for-await...of/index.html @@ -12,8 +12,6 @@ original_slug: Web/JavaScript/Reference/Instructions/for-await...of <p>L'instruction <strong><code>for await...of</code> </strong>permet de créer une boucle qui parcourt les objets itérables asynchrones de la même façon qu'on parcourt les itérables synchrones (tels que les chaînes de caractères ({{jsxref("String")}}), les tableaux {{jsxref("Array")}}, les objets semblables aux tableaux comme {{jsxref("Fonctions/arguments", "arguments")}} ou {{domxref("NodeList")}}), {{jsxref("TypedArray")}}, {{jsxref("Map")}}, {{jsxref("Set")}}. Cette instruction invoque un mécanisme d'itération spécifique et les instructions à exécuter pour chaque propriété de l'objet.</p> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">for await (<em>variable</em> of <em>iterable</em>) { diff --git a/files/fr/web/javascript/reference/statements/for...in/index.html b/files/fr/web/javascript/reference/statements/for...in/index.html index 9ce7e719e9..09e460472d 100644 --- a/files/fr/web/javascript/reference/statements/for...in/index.html +++ b/files/fr/web/javascript/reference/statements/for...in/index.html @@ -15,8 +15,6 @@ original_slug: Web/JavaScript/Reference/Instructions/for...in <div>{{EmbedInteractiveExample("pages/js/statement-forin.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">for (<var>variable</var> in <var>objet</var>) { diff --git a/files/fr/web/javascript/reference/statements/for...of/index.html b/files/fr/web/javascript/reference/statements/for...of/index.html index 6b0a2322b4..dfda033855 100644 --- a/files/fr/web/javascript/reference/statements/for...of/index.html +++ b/files/fr/web/javascript/reference/statements/for...of/index.html @@ -15,8 +15,6 @@ original_slug: Web/JavaScript/Reference/Instructions/for...of <div>{{EmbedInteractiveExample("pages/js/statement-forof.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">for (<em><var>variable</var></em> of iterable) diff --git a/files/fr/web/javascript/reference/statements/for/index.html b/files/fr/web/javascript/reference/statements/for/index.html index a27610508d..7b8da7b5f4 100644 --- a/files/fr/web/javascript/reference/statements/for/index.html +++ b/files/fr/web/javascript/reference/statements/for/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/for <div>{{EmbedInteractiveExample("pages/js/statement-for.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">for ([<em>initialisation</em>]; [<em>condition</em>]; [<em>expression_finale</em>]) @@ -91,7 +89,7 @@ for (;;) { console.log("Décalage de position : \"" + sId + "\" element:\n left: " + nLeft + "px;\n top: " + nTop + "px;"); }</pre> -<div class="note"><strong>Note :</strong> Dans cas, où on n'utilise pas la section d'instruction,<strong> il faut mettre un point-virgule immédiatement après la déclaration de la boucle.</strong></div> +<div class="note"><p><strong>Note :</strong> Dans cas, où on n'utilise pas la section d'instruction,<strong> il faut mettre un point-virgule immédiatement après la déclaration de la boucle.</strong></p></div> <h2 id="Spécifications">Spécifications</h2> diff --git a/files/fr/web/javascript/reference/statements/function/index.html b/files/fr/web/javascript/reference/statements/function/index.html index 6c3f17eb6b..9a27ccb426 100644 --- a/files/fr/web/javascript/reference/statements/function/index.html +++ b/files/fr/web/javascript/reference/statements/function/index.html @@ -14,7 +14,7 @@ original_slug: Web/JavaScript/Reference/Instructions/function <div>{{EmbedInteractiveExample("pages/js/statement-function.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> + <p>Il est également possible de définir des fonctions en utilisant le constructeur {{jsxref("Function")}} et une {{jsxref("Opérateurs/L_opérateur_function", "expression de fonction","",1)}}.</p> @@ -28,14 +28,8 @@ original_slug: Web/JavaScript/Reference/Instructions/function <dl> <dt><code>nom</code></dt> <dd>Le nom de la fonction.</dd> -</dl> - -<dl> <dt><code>param</code>N</dt> <dd>Le nom d'un argument à passer à la fonction. Une fonction peut avoir jusqu'à 255 arguments (cela peut varier en fonction des moteurs).</dd> -</dl> - -<dl> <dt><code>instructions</code></dt> <dd>Les instructions qui constituent le corps de la fonction.</dd> </dl> diff --git a/files/fr/web/javascript/reference/statements/function_star_/index.html b/files/fr/web/javascript/reference/statements/function_star_/index.html index 0f22a7bce1..2d13a1b8ae 100644 --- a/files/fr/web/javascript/reference/statements/function_star_/index.html +++ b/files/fr/web/javascript/reference/statements/function_star_/index.html @@ -18,7 +18,7 @@ original_slug: Web/JavaScript/Reference/Instructions/function* <div>{{EmbedInteractiveExample("pages/js/statement-functionasterisk.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> + <div> <p>Il est également possible de définir un générateur en utilisant le constructeur {{jsxref("GeneratorFunction")}} et une expression {{jsxref("Opérateurs/function*", "function*")}}.</p> @@ -34,14 +34,8 @@ original_slug: Web/JavaScript/Reference/Instructions/function* <dl> <dt><code>nom</code></dt> <dd>Le nom de la fonction.</dd> -</dl> - -<dl> <dt><code>paramN</code></dt> <dd>Le nom d'un paramètre formel passé à la fonction.</dd> -</dl> - -<dl> <dt><code>instructions</code></dt> <dd>Les instructions qui constituent le corps de la fonction.</dd> </dl> diff --git a/files/fr/web/javascript/reference/statements/if...else/index.html b/files/fr/web/javascript/reference/statements/if...else/index.html index 6dc22f9c1d..9af4f80a14 100644 --- a/files/fr/web/javascript/reference/statements/if...else/index.html +++ b/files/fr/web/javascript/reference/statements/if...else/index.html @@ -15,8 +15,6 @@ original_slug: Web/JavaScript/Reference/Instructions/if...else <div>{{EmbedInteractiveExample("pages/js/statement-ifelse.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">if (<em>condition</em>) @@ -28,14 +26,8 @@ original_slug: Web/JavaScript/Reference/Instructions/if...else <dl> <dt><code>condition</code></dt> <dd>Une <a href="/fr/docs/Web/JavaScript/Guide/Expressions_and_Operators#expressions">expression</a> qui est évaluée à <code>true</code> ou <code>false</code>.</dd> -</dl> - -<dl> <dt><code>statement1</code></dt> <dd>L'instruction qui est exécutée si la condition est vérifiée (i.e. est évaluée à <code>true</code>). Cette instruction peut être n'importe quelle instruction valide, y compris une imbrication d'autres instructions <code>if</code>. Pour exécuter plusieurs instructions, on pourra utiliser un <a href="/fr/docs/Web/JavaScript/Reference/Statements/block">bloc d'instructions</a> ({ ... }) qui permet de les regrouper. Pour n'exécuter aucune instruction, on pourra utiliser <a href="/fr/docs/Web/JavaScript/Reference/Statements/Empty">l'instruction vide</a>.</dd> -</dl> - -<dl> <dt><code>statement2</code></dt> <dd>Si la clause <code>else</code> existe, l'instruction qui est exécutée si la <code>condition</code> est évaluée à <code>false</code>. Comme pour la première, cette instruction peut être n'importe quelle instruction valide : une autre instruction <code>if</code> imbriquée, un bloc d'instruction, une instruction vide, etc.</dd> </dl> diff --git a/files/fr/web/javascript/reference/statements/import/index.html b/files/fr/web/javascript/reference/statements/import/index.html index 69ffa5c3d3..e998fe745c 100644 --- a/files/fr/web/javascript/reference/statements/import/index.html +++ b/files/fr/web/javascript/reference/statements/import/index.html @@ -114,7 +114,7 @@ let <em>promesse</em> = import("<em>nom-module</em>");</pre> // imports nommés spécifiques </pre> -<h3 id="Imports_dynamiques"><a id="dyn" name="dyn">Imports dynamiques</a></h3> +<h3 id="Imports_dynamiques">Imports dynamiques</h3> <p>Le mot-clé <code>import</code> peut être utilisé comme une fonction afin d'importer dynamiquement un module (utile lorsqu'on souhaite charger un module selon une condition donnée ou faire du chargement à la demande). Lorsqu'il est utilisé de cette façon, il renvoie une promesse :</p> diff --git a/files/fr/web/javascript/reference/statements/index.html b/files/fr/web/javascript/reference/statements/index.html index cf2b800c0c..1e372ad996 100644 --- a/files/fr/web/javascript/reference/statements/index.html +++ b/files/fr/web/javascript/reference/statements/index.html @@ -8,7 +8,6 @@ tags: translation_of: Web/JavaScript/Reference/Statements original_slug: Web/JavaScript/Reference/Instructions --- -<div class="boxed translate-rendered"> <div>{{jsSidebar("Statements")}}</div> <p>Les applications JavaScript sont composées de plusieurs instructions organisées grâce à une syntaxe. Une instruction peut s'étaler sur plusieurs lignes et on peut avoir plusieurs instructions sur une seule ligne si chaque instruction est séparée de la suivante par un point-virgule.</p> @@ -78,9 +77,9 @@ original_slug: Web/JavaScript/Reference/Instructions <dt>{{jsxref("Instructions/for...in", "for...in")}}</dt> <dd>Cette instruction effectue, dans un ordre arbitraire, une boucle sur les propriétés énumérables d'un objet. Pour chacune des différentes propriétés, des instructions peuvent être exécutées.</dd> <dt>{{jsxref("Instructions/for...of", "for...of")}}</dt> - <dd>Cette instruction parcourt les objets sur lesquels on peut itérer (comme les tableaux, les <a class="new" href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs">itérateurs et générateurs</a>). Pour ce faire, elle utilise un mécanisme d'itération sur mesure utilisant des instructions à exécuter pour chacune des différentes propriétés.</dd> + <dd>Cette instruction parcourt les objets sur lesquels on peut itérer (comme les tableaux, les <a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs">itérateurs et générateurs</a>). Pour ce faire, elle utilise un mécanisme d'itération sur mesure utilisant des instructions à exécuter pour chacune des différentes propriétés.</dd> <dt>{{jsxref("Instructions/for-await...of","for await...of")}}</dt> - <dd>Cette instruction parcourt les objets itérables asynchrones tels que les tableaux, les <a class="new" href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs">itérateurs et générateurs</a>. Elle utilise un mécanisme d'itération spécifique et des instructions sont exécutées pour la valeur de chaque propriété.</dd> + <dd>Cette instruction parcourt les objets itérables asynchrones tels que les tableaux, les <a href="/fr/docs/Web/JavaScript/Guide/iterateurs_et_generateurs">itérateurs et générateurs</a>. Elle utilise un mécanisme d'itération spécifique et des instructions sont exécutées pour la valeur de chaque propriété.</dd> <dt>{{jsxref("Instructions/while", "while")}}</dt> <dd>Cette instruction permet de créer une boucle qui s'exécute tant qu'une condition de test est vérifiée. La condition est évaluée avant d'exécuter l'instruction contenue dans la boucle.</dd> </dl> @@ -98,9 +97,6 @@ original_slug: Web/JavaScript/Reference/Instructions <dd>Une méta propriété qui expose des métadonnées à propos du module JavaScript.</dd> <dt>{{jsxref("Instructions/label", "label")}}</dt> <dd>Cette instruction fournit un identifiant auquel il est possible de se référer en utilisant une instruction <code>break</code> ou <code>continue</code>.</dd> -</dl> - -<dl> <dt>{{jsxref("Instructions/with", "with")}} {{deprecated_inline}}</dt> <dd>Cette instruction permet d'étendre la portée chaînée d'une instruction.</dd> </dl> @@ -150,5 +146,4 @@ original_slug: Web/JavaScript/Reference/Instructions <ul> <li>Le chapitre de cette référence sur les <a href="/fr/docs/JavaScript/Reference/Op%C3%A9rateurs">opérateurs JavaScript</a>.</li> -</ul> -</div> +</ul>
\ No newline at end of file diff --git a/files/fr/web/javascript/reference/statements/label/index.html b/files/fr/web/javascript/reference/statements/label/index.html index 787a038509..1e0c12243a 100644 --- a/files/fr/web/javascript/reference/statements/label/index.html +++ b/files/fr/web/javascript/reference/statements/label/index.html @@ -14,7 +14,7 @@ original_slug: Web/JavaScript/Reference/Instructions/label <div>{{EmbedInteractiveExample("pages/js/statement-label.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> + <div class="note"> <p><strong>Note :</strong> Les boucles ou les blocs étiquetés sont très rares et on peut généralement utiliser des appels de fonction plutôt que des sauts de boucle.</p> diff --git a/files/fr/web/javascript/reference/statements/let/index.html b/files/fr/web/javascript/reference/statements/let/index.html index 5e041ec3df..da0d43626c 100644 --- a/files/fr/web/javascript/reference/statements/let/index.html +++ b/files/fr/web/javascript/reference/statements/let/index.html @@ -15,8 +15,6 @@ original_slug: Web/JavaScript/Reference/Instructions/let <div>{{EmbedInteractiveExample("pages/js/statement-let.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">let var1 [= valeur1] [, var2 [= valeur2]] [, ..., varN [= valeurN]];</pre> diff --git a/files/fr/web/javascript/reference/statements/return/index.html b/files/fr/web/javascript/reference/statements/return/index.html index 75bfb90647..44a2bc220f 100644 --- a/files/fr/web/javascript/reference/statements/return/index.html +++ b/files/fr/web/javascript/reference/statements/return/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/return <div>{{EmbedInteractiveExample("pages/js/statement-return.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">return [[expression]]; </pre> diff --git a/files/fr/web/javascript/reference/statements/switch/index.html b/files/fr/web/javascript/reference/statements/switch/index.html index 3aa6b9a861..7bf20d5913 100644 --- a/files/fr/web/javascript/reference/statements/switch/index.html +++ b/files/fr/web/javascript/reference/statements/switch/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/switch <div>{{EmbedInteractiveExample("pages/js/statement-switch.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">switch (expression) { diff --git a/files/fr/web/javascript/reference/statements/throw/index.html b/files/fr/web/javascript/reference/statements/throw/index.html index 01f8a1c53a..4f250245c0 100644 --- a/files/fr/web/javascript/reference/statements/throw/index.html +++ b/files/fr/web/javascript/reference/statements/throw/index.html @@ -15,8 +15,6 @@ original_slug: Web/JavaScript/Reference/Instructions/throw <div>{{EmbedInteractiveExample("pages/js/statement-throw.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">throw <em>expression</em>; </pre> diff --git a/files/fr/web/javascript/reference/statements/try...catch/index.html b/files/fr/web/javascript/reference/statements/try...catch/index.html index b659700ea3..3eaf41da6e 100644 --- a/files/fr/web/javascript/reference/statements/try...catch/index.html +++ b/files/fr/web/javascript/reference/statements/try...catch/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/try...catch <div>{{EmbedInteractiveExample("pages/js/statement-trycatch.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">try { @@ -36,24 +34,12 @@ original_slug: Web/JavaScript/Reference/Instructions/try...catch <dl> <dt><code>instructions_try</code></dt> <dd>Les instructions qu'on souhaite exécuter.</dd> -</dl> - -<dl> <dt><code>instructions_catch_1</code>, <code>instructions_catch_2</code></dt> <dd>Les instructions à exécuter si une exception est levée dans le bloc <code>try</code>.</dd> -</dl> - -<dl> <dt><code>exception_var_1</code>, <code>exception_var_2</code></dt> <dd>Un identifiant qui permet de récupérer la valeur de l'exception associée à la clause <code>catch</code>.</dd> -</dl> - -<dl> <dt><code>condition_1</code></dt> <dd>Une expression conditionnelle.</dd> -</dl> - -<dl> <dt><code>instructions_finally</code></dt> <dd>Les instructions à exécuter une fois que l'instruction <code>try</code> est terminée. Ces instructions s'exécuteront, qu'il y ait eu une exception ou non.</dd> </dl> diff --git a/files/fr/web/javascript/reference/statements/var/index.html b/files/fr/web/javascript/reference/statements/var/index.html index d0e1190a9a..044870b84c 100644 --- a/files/fr/web/javascript/reference/statements/var/index.html +++ b/files/fr/web/javascript/reference/statements/var/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/var <div>{{EmbedInteractiveExample("pages/js/statement-var.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuer à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">var <em>nomVar1 [</em>= <em>valeur1] [</em>, <em>nomVar2 [</em>= <em>valeur2] </em><em>... [</em>, <em>nomVarN [</em>= <em>valeurN]]]</em>;</pre> @@ -23,9 +21,6 @@ original_slug: Web/JavaScript/Reference/Instructions/var <dl> <dt><code>nomvarN</code></dt> <dd>Le nom de la variable, cela peut être n'importe quel identifiant valide.</dd> -</dl> - -<dl> <dt><code>valeurN</code></dt> <dd>La valeur initiale à affecter à la variable, cela peut être n'importe quelle expression valide. S'il n'y a aucune valeur fournie, la variable vaudra {{jsxref("undefined")}}.</dd> </dl> diff --git a/files/fr/web/javascript/reference/statements/while/index.html b/files/fr/web/javascript/reference/statements/while/index.html index 66aab8c73f..a9a03df043 100644 --- a/files/fr/web/javascript/reference/statements/while/index.html +++ b/files/fr/web/javascript/reference/statements/while/index.html @@ -14,8 +14,6 @@ original_slug: Web/JavaScript/Reference/Instructions/while <div>{{EmbedInteractiveExample("pages/js/statement-while.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <h2 id="Syntaxe">Syntaxe</h2> <pre class="syntaxbox">while (<var>condition</var>) instruction</pre> diff --git a/files/fr/web/javascript/reference/statements/with/index.html b/files/fr/web/javascript/reference/statements/with/index.html index 302d5a87cd..7215a32ed2 100644 --- a/files/fr/web/javascript/reference/statements/with/index.html +++ b/files/fr/web/javascript/reference/statements/with/index.html @@ -11,7 +11,7 @@ original_slug: Web/JavaScript/Reference/Instructions/with --- <div>{{jsSidebar("Statements")}}</div> -<div class="warning">Il n'est pas recommandé d'utiliser l'instruction <code>with</code>. En effet, elle est parfois source de problèmes de compatibilité ou de bogues. Se référer au paragraphe « Inconvénient : l'ambiguïté » de la section « Description » pour plus de détails.</div> +<div class="warning"><p><strong>Attention :</strong>Il n'est pas recommandé d'utiliser l'instruction <code>with</code>. En effet, elle est parfois source de problèmes de compatibilité ou de bogues. Se référer au paragraphe « Inconvénient : l'ambiguïté » de la section « Description » pour plus de détails.</p></div> <p>L'instruction <strong><code>with</code></strong> permet d'étendre la portée chaînée d'une instruction.</p> @@ -33,7 +33,7 @@ original_slug: Web/JavaScript/Reference/Instructions/with <p>Dès qu'un nom non-qualifié est utilisé, JavaScript cherche dans la chaîne des portées associée à l'exécution une fonction ou un script qui contiendrait ce nom. L'instruction <code>with</code> ajoute l'objet donné à la tête de la chaîne des portées lors de l'évaluation des instructions qu'elle contient. Si un nom non-qualifié est utilisé parmi ces instructions correspond à une propriété de la chaîne des portées, le nom sera alors lié à la propriété et à l'objet contenant cette propriété, sinon une erreur <code>ReferenceError</code> est renvoyée.</p> -<div class="note">L'utilisation de l'instruction <code>with</code> n'est pas recommandée et est interdite dans le <a href="/fr/docs/Web/JavaScript/Reference/Strict_mode">mode strict</a> d'ECMAScript 5. L'alternative recommandée est d'assigner l'objet utilisant les propriétés désirées à une variable temporaire.</div> +<div class="note"><p><strong>Note :</strong> L'utilisation de l'instruction <code>with</code> n'est pas recommandée et est interdite dans le <a href="/fr/docs/Web/JavaScript/Reference/Strict_mode">mode strict</a> d'ECMAScript 5. L'alternative recommandée est d'assigner l'objet utilisant les propriétés désirées à une variable temporaire.</p></div> <h3 id="Avantages_et_inconvénients_les_performances">Avantages et inconvénients : les performances</h3> |