Fonctions Javascript et paramètres par défaut, ne fonctionnent pas dans IE et Chrome

J'ai créé une fonction comme celle-ci:

function saveItem(andClose = false) {

}

Cela fonctionne bien dans Firefox

Dans IE, il donne cette erreur sur la console: Expected ')'

Dans Chrome, il donne cette erreur dans la console: Uncaught SyntaxError: Unexpected token =

Les deux navigateurs marquent la source de l'erreur comme ligne de création de fonction.

Vous ne pouvez pas faire cela, mais vous pouvez à la place faire quelque chose comme:

function saveItem(andClose) {
   if(andClose === undefined) {
      andClose = false;
   }
}

Ceci est souvent abrégé en quelque chose comme:

function setName(name) {
  name = name || 'Bob';
}

Mettre à jour

Ce qui précède est vrai pour ECMAScript <= 5. ES6 a proposé des paramètres par défaut . Donc, ce qui précède pourrait plutôt lire:

function setName(name = 'Bob') {}

Ce n'est pas une syntaxe ECMAScript valide, mais c'est une syntaxe valide pour le sur-ensemble de fonctionnalités de Mozilla qu'ils ajoutent à leur implémentation du langage.

La syntaxe d'affectation des paramètres par défaut est probablement disponible dans ECMAScript 6.

Javascript n'autorise pas un spécificateur "par défaut".

Un moyen rapide de faire ce que vous voudriez est de changer:

function saveItem(andClose = false) {

}

à ce qui suit:

function saveItem(andClose) {
    // this line will check if the argument is undefined, null, or false
    // if so set it to false, otherwise set it to it's original value
    var andClose = andClose || false;

    // now you can safely use andClose
    if (andClose) {
        // do something
    }
}

Le code que vous avez fourni ne fonctionnera pas dans Chrome <version 49: https://kangax.github.io/compat-table/es6/#test-default_function_parameters

Vous avez utilisé une syntaxe ECMAScript 2015 valide:

• MDN: paramètres par défaut .
• ES2015 Spec: initialiseurs de paramètre de valeur par défaut

À mon avis, la meilleure façon d'utiliser les fonctionnalités d' ES2015 est de regrouper les actifs avec Browserify ou WebPack , avec une étape d'utilisation de Babel pour trans-compiler ES2015 vers ES5. De cette façon, vous n'avez pas à vous soucier de ce tableau de compatibilité du navigateur ES2015. C'est pénible de commencer la première fois, mais ça vaut le coup.

Dans votre cas, vous avez une autre alternative pour être sûr que votre variable est un booléen:

function saveItem(andClose) {
  var andClose = true == andClose;
  // ...
}

La valeur par défaut est undefined, et true == undefined=> false, donc votre valeur par défaut sera false:)