files/fr/web/javascript/reference/errors/unexpected_token/index.html


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

---
title: 'SyntaxError: Unexpected token'
slug: Web/JavaScript/Reference/Erreurs/Unexpected_token
tags:
  - Erreurs
  - JavaScript
  - Reference
  - SyntaxError
translation_of: Web/JavaScript/Reference/Errors/Unexpected_token
---
<div>{{jsSidebar("Errors")}}</div>

<h2 id="Message">Message</h2>

<pre class="syntaxbox">SyntaxError: expected expression, got "x"
SyntaxError: expected property name, got "x"
SyntaxError: expected target, got "x"
SyntaxError: expected rest argument name, got "x"
SyntaxError: expected closing parenthesis, got "x"
SyntaxError: expected '=&gt;' after argument list, got "x"
</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>La syntaxe du langage « attendait » un élément mais quelque chose d'autre est écrit à la place dans le script. Cela peut simplement être dû à une coquille dans le code.</p>

<h2 id="Exemples">Exemples</h2>

<h3 id="Expression_attendue">Expression attendue</h3>

<p>Lorsqu'on enchaîne des expressions, par exemple, les virgules ne sont pas autorisées en fin d'expression :</p>

<pre class="brush: js example-bad">for (let i = 0; i &lt; 5,; ++i) {
  console.log(i);
}
// SyntaxError: expected expression, got ')'
</pre>

<p>Pour corriger cette erreur, on peut retirer la virgule superflue ou bien ajouter une autre expression :</p>

<pre class="brush: js example-good">for (let i = 0; i &lt; 5; ++i) {
  console.log(i);
}
</pre>

<h3 id="Parenthèses_manquantes">Parenthèses manquantes</h3>

<p>Il peut également arriver que des parenthèses manquent autour des instructions <code>if</code> :</p>

<pre class="brush: js example-bad line-numbers  language-js">function round(n, upperBound, lowerBound){
  if(n &gt; upperBound) || (n &lt; lowerBound){
    throw 'Number ' + String(n) + ' is more than ' + String(upperBound) + ' or less than ' + String(lowerBound);
  }else if(n &lt; ((upperBound + lowerBound)/2)){
    return lowerBound;
  }else{
    return upperBound;
  }
} // SyntaxError: expected expression, got '||'</pre>

<p>Si on compte les parenthèses ouvrantes et fermantes, c'est correct mais on peut voir que le OU logique (<code>||</code>) n'est contenu au sein d'aucune paire de parenthèses.</p>

<p>Pour corriger ce problème, il suffit d'ajouter une paire de parenthèses englobante :</p>

<pre class="brush: js example-good">function round(n, upperBound, lowerBound){
  if((n &gt; upperBound) || (n &lt; lowerBound)){
    throw 'Number ' + String(n) + ' is more than ' + String(upperBound) + ' or less than ' + String(lowerBound);
  }else if(n &lt; ((upperBound + lowerBound)/2)){
    return lowerBound;
  }else{
    return upperBound;
  }
}
</pre>