aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/javascript/reference/errors/unnamed_function_statement
diff options
context:
space:
mode:
authorMasahiro FUJIMOTO <mfujimot@gmail.com>2021-09-04 00:46:12 +0900
committerMasahiro FUJIMOTO <mfujimot@gmail.com>2021-09-04 00:46:12 +0900
commitfe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f (patch)
tree51b7edfc370236684a203f4e69ae67bb7d24b549 /files/fr/web/javascript/reference/errors/unnamed_function_statement
parent04ea4edc83cc12142ed151bbea2c65cffc8e76f6 (diff)
parenteeb07fe338cdc90092841d717919f46f9d9e3ff9 (diff)
downloadtranslated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.tar.gz
translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.tar.bz2
translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.zip
Merge branch 'main' into 20210818-Glossary/Type
Diffstat (limited to 'files/fr/web/javascript/reference/errors/unnamed_function_statement')
-rw-r--r--files/fr/web/javascript/reference/errors/unnamed_function_statement/index.html116
-rw-r--r--files/fr/web/javascript/reference/errors/unnamed_function_statement/index.md125
2 files changed, 125 insertions, 116 deletions
diff --git a/files/fr/web/javascript/reference/errors/unnamed_function_statement/index.html b/files/fr/web/javascript/reference/errors/unnamed_function_statement/index.html
deleted file mode 100644
index 286bd78e7e..0000000000
--- a/files/fr/web/javascript/reference/errors/unnamed_function_statement/index.html
+++ /dev/null
@@ -1,116 +0,0 @@
----
-title: 'SyntaxError: function statement requires a name'
-slug: Web/JavaScript/Reference/Errors/Unnamed_function_statement
-tags:
- - Erreurs
- - JavaScript
- - SyntaxError
-translation_of: Web/JavaScript/Reference/Errors/Unnamed_function_statement
-original_slug: Web/JavaScript/Reference/Erreurs/Unnamed_function_statement
----
-<div>{{jsSidebar("Errors")}}</div>
-
-<h2 id="Message">Message</h2>
-
-<pre class="syntaxbox">Syntax Error: Expected identifier (Edge)
-SyntaxError: function statement requires a name [Firefox]
-SyntaxError: Unexpected token ( [Chrome]
-</pre>
-
-<h2 id="Type_d'erreur">Type d'erreur</h2>
-
-<p>{{jsxref("SyntaxError")}}</p>
-
-<h2 id="Quel_est_le_problème">Quel est le problème ?</h2>
-
-<p><a href="/fr/docs/Web/JavaScript/Reference/Instructions/function">Une déclaration de fonction</a> présente dans le code requiert un nom. Il faut alors vérifier la façon dont la fonction est définie et s'il est nécessaire de lui fournir un nom ou si la fonction en question est une expression de fonction, une fonction immédiatement invoquée ou si le code de la fonction est simplement bien placé dans son contexte.</p>
-
-<h2 id="Exemples">Exemples</h2>
-
-<h3 id="Déclaration_Expression">Déclaration / Expression</h3>
-
-<p>Une déclaration de fonction requiert un nom. Le fragment de code suivant ne fonctionnera pas :</p>
-
-<pre class="brush: js example-bad">function () {
- return 'Coucou monde :)';
-}
-// SyntaxError: function statement requires a name
-</pre>
-
-<p>On peut utiliser <a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_function">une expression de fonction</a> à la place :</p>
-
-<pre class="brush: js example-good">var salutations = function() {
- return 'Coucou monde :)';
-};</pre>
-
-<p>Si la fonction devait être appelé immédiatement, il suffit d'ajouter des parenthèses autour :</p>
-
-<pre class="brush: js example-good">(function () {
-
-})();</pre>
-
-<h3 id="Fonctions_étiquetées">Fonctions étiquetées</h3>
-
-<p>Si vous utilisez des <a href="/fr/docs/Web/JavaScript/Reference/Instructions/label">fonctions étiquetées</a>, il faut toujours fournir un nom après le mot-clé <code>function</code>. Le code suivant ne fonctionnera pas :</p>
-
-<pre class="brush: js example-bad">function Greeter() {
- german: function () {
- return "Moin";
- }
-}
-// SyntaxError: function statement requires a name
-</pre>
-
-<p>En revanche, ceci fonctionnera :</p>
-
-<pre class="brush: js example-good">function Greeter() {
- german: function g() {
- return "Moin";
- }
-}</pre>
-
-<h3 id="Méthodes_d'un_objet">Méthodes d'un objet</h3>
-
-<p>Si vous souhaitez construire une méthode d'un objet, il faudra d'abord créer l'objet. Dans ce cas, la syntaxe sans le nom après le mot-clé <code>function</code> sera valide :</p>
-
-<pre class="brush: js example-good">var greeter = {
- german: function () {
- return "Moin";
- }
-};</pre>
-
-<h3 id="Syntaxe_et_fonctions_de_rappel_(callbacks)">Syntaxe et fonctions de rappel (<em>callbacks</em>)</h3>
-
-<p>Lorsqu'on utilise les <em>callbacks</em>, il est facile de s'emmêler les pinceaux entre les parenthèses et les virgules :</p>
-
-<pre class="brush: js example-bad">promise.then(
- function() {
- console.log("success");
- });
- function() {
- console.log("error");
-}
-// SyntaxError: function statement requires a name
-</pre>
-
-<p>La forme correcte serait :</p>
-
-<pre class="brush: json example-good">promise.then(
- function() {
- console.log("success");
- },
- function() {
- console.log("error");
- }
-);
-</pre>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li><a href="/fr/docs/Web/JavaScript/Guide/Fonctions">Les fonctions dans le guide JavaScript</a></li>
- <li><a href="/fr/docs/Web/JavaScript/Reference/Instructions/function">Les déclarations de fonction</a></li>
- <li><a href="/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_function">Les expressions de fonction</a></li>
- <li><a href="https://en.wikipedia.org/wiki/Immediately-invoked_function_expression">Les fonctions immédiatement invoquées (ou <em>IIFE</em> en anglais)</a></li>
- <li><code><a href="/fr/docs/Web/JavaScript/Reference/Instructions/label">label</a></code></li>
-</ul>
diff --git a/files/fr/web/javascript/reference/errors/unnamed_function_statement/index.md b/files/fr/web/javascript/reference/errors/unnamed_function_statement/index.md
new file mode 100644
index 0000000000..42417c4f4d
--- /dev/null
+++ b/files/fr/web/javascript/reference/errors/unnamed_function_statement/index.md
@@ -0,0 +1,125 @@
+---
+title: 'SyntaxError: function statement requires a name'
+slug: Web/JavaScript/Reference/Errors/Unnamed_function_statement
+tags:
+ - Erreurs
+ - JavaScript
+ - SyntaxError
+translation_of: Web/JavaScript/Reference/Errors/Unnamed_function_statement
+original_slug: Web/JavaScript/Reference/Erreurs/Unnamed_function_statement
+---
+{{jsSidebar("Errors")}}
+
+## Message
+
+ Syntax Error: Expected identifier (Edge)
+ SyntaxError: function statement requires a name [Firefox]
+ SyntaxError: Unexpected token ( [Chrome]
+
+## Type d'erreur
+
+{{jsxref("SyntaxError")}}
+
+## Quel est le problème ?
+
+[Une déclaration de fonction](/fr/docs/Web/JavaScript/Reference/Instructions/function) présente dans le code requiert un nom. Il faut alors vérifier la façon dont la fonction est définie et s'il est nécessaire de lui fournir un nom ou si la fonction en question est une expression de fonction, une fonction immédiatement invoquée ou si le code de la fonction est simplement bien placé dans son contexte.
+
+## Exemples
+
+### Déclaration / Expression
+
+Une déclaration de fonction requiert un nom. Le fragment de code suivant ne fonctionnera pas :
+
+```js example-bad
+function () {
+ return 'Coucou monde :)';
+}
+// SyntaxError: function statement requires a name
+```
+
+On peut utiliser [une expression de fonction](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_function) à la place :
+
+```js example-good
+var salutations = function() {
+ return 'Coucou monde :)';
+};
+```
+
+Si la fonction devait être appelé immédiatement, il suffit d'ajouter des parenthèses autour :
+
+```js example-good
+(function () {
+
+})();
+```
+
+### Fonctions étiquetées
+
+Si vous utilisez des [fonctions étiquetées](/fr/docs/Web/JavaScript/Reference/Instructions/label), il faut toujours fournir un nom après le mot-clé `function`. Le code suivant ne fonctionnera pas :
+
+```js example-bad
+function Greeter() {
+ german: function () {
+ return "Moin";
+ }
+}
+// SyntaxError: function statement requires a name
+```
+
+En revanche, ceci fonctionnera :
+
+```js example-good
+function Greeter() {
+ german: function g() {
+ return "Moin";
+ }
+}
+```
+
+### Méthodes d'un objet
+
+Si vous souhaitez construire une méthode d'un objet, il faudra d'abord créer l'objet. Dans ce cas, la syntaxe sans le nom après le mot-clé `function` sera valide :
+
+```js example-good
+var greeter = {
+ german: function () {
+ return "Moin";
+ }
+};
+```
+
+### Syntaxe et fonctions de rappel (_callbacks_)
+
+Lorsqu'on utilise les _callbacks_, il est facile de s'emmêler les pinceaux entre les parenthèses et les virgules :
+
+```js example-bad
+promise.then(
+ function() {
+ console.log("success");
+ });
+ function() {
+ console.log("error");
+}
+// SyntaxError: function statement requires a name
+```
+
+La forme correcte serait :
+
+```json example-good
+promise.then(
+ function() {
+ console.log("success");
+ },
+ function() {
+ console.log("error");
+ }
+);
+```
+
+## Voir aussi
+
+- [Les fonctions dans le guide JavaScript](/fr/docs/Web/JavaScript/Guide/Fonctions)
+- [Les déclarations de fonction](/fr/docs/Web/JavaScript/Reference/Instructions/function)
+- [Les expressions de fonction](/fr/docs/Web/JavaScript/Reference/Opérateurs/L_opérateur_function)
+- [Les fonctions immédiatement invoquées (ou _IIFE_ en anglais)](https://en.wikipedia.org/wiki/Immediately-invoked_function_expression)
+- [`label`](/fr/docs/Web/JavaScript/Reference/Instructions/label)