blob: 690e4b3f3e39d2b3a1ba50e951952feceb65adf2 (
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
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
|
---
title: 'SyntaxError: function statement requires a name'
slug: Web/JavaScript/Reference/Erreurs/Unnamed_function_statement
tags:
- Erreurs
- JavaScript
- SyntaxError
translation_of: Web/JavaScript/Reference/Errors/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>
|
