MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

SyntaxError: function statement requires a name

Message

SyntaxError: function statement requires a name [Firefox]
SyntaxError: Unexpected token ( [Chrome]

Type d'erreur

SyntaxError

Quel est le problème ?

Une déclaration de fonction 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 :

function () {
  return 'Coucou monde :)';
}
// SyntaxError: function statement requires a name

On peut utiliser une expression de fonction à la place :

var salutations = function() {
  return 'Coucou monde :)';
};

Si la fonction devait être appelé immédiatement, il suffit d'ajouter des parenthèses autour :

(function () {

})();

Fonctions étiquetées

Si vous utilisez des fonctions étiquetées, il faut toujours fournir un nom après le mot-clé function. Le code suivant ne fonctionnera pas :

function Greeter() {
  german: function () { 
    return "Moin";
  }
}
// SyntaxError: function statement requires a name

En revanche, ceci fonctionnera :

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 :

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 :

promise.then(
  function() {
    console.log("success"); 
  });
  function() {
    console.log("error");
}
// SyntaxError: function statement requires a name

La forme correcte serait :

promise.then(
  function() {
    console.log("success");
  },
  function() {
    console.log("error");
  }
);

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight
 Dernière mise à jour par : SphinxKnight,