SyntaxError: "use strict" not allowed in function with "x" parameter

Message

Edge :
Cannot apply strict mode on functions with non-simple parameter list

Firefox :
SyntaxError: "use strict" not allowed in function with default parameter
SyntaxError: "use strict" not allowed in function with rest parameter
SyntaxError: "use strict" not allowed in function with destructuring parameter

Chrome :
SyntaxError: Illegal 'use strict' directive in function with non-simple parameter list

Type d'erreur

Quel est le problème ?

Une directive "use strict" apparaît au début d'une fonction qui possède l'un des paramètres suivants :

Selon la spécification ECMAScript, une directive "use strict" ne peut pas être utilisée pour de telles fonctions.

Exemples

Déclaration de fonction

Dans l'exemple qui suit, la fonction somme possède deux paramètres par défaut a=1 et b=2.

js
function somme(a = 1, b = 2) {
  // SyntaxError: "use strict" not allowed in function with default parameter
  "use strict";
  return a + b;
}

Si on veut que la fonction soit en mode strict et que le script entier ou que la fonction englobante peut être en mode strict, il suffira de déplacer l'instruction "use strict" en dehors du corps de la méthode.

js
"use strict";
function somme(a = 1, b = 2) {
  return a + b;
}

Expression de fonction

Il est également possible d'utiliser les expressions de fonction pour résoudre ce problème :

js
var somme = function somme([a, b]) {
  // SyntaxError: "use strict" not allowed in function with destructuring parameter
  "use strict";
  return a + b;
};

On peut convertir le fragment de code précédent avec l'expression suivante :

js
var somme = (function () {
  "use strict";
  return function somme([a, b]) {
    return a + b;
  };
})();

Fonction fléchée

Si on a une fonction fléchée qui doit accéder à la variable this on peut utiliser une fonction fléchée comme fonction englobante :

js
var callback = (...args) => {
  // SyntaxError: "use strict" not allowed in function with rest parameter
  "use strict";
  return this.run(args);
};

This can be converted into following expression.

js
var callback = (() => {
  "use strict";
  return (...args) => {
    return this.run(args);
  };
})();

Voir aussi