Javascript-Funktionen und Standardparameter funktionieren nicht in IE und Chrome

Ich habe eine Funktion wie diese erstellt:

function saveItem(andClose = false) {

}

In Firefox funktioniert es einwandfrei

Im IE gibt es diesen Fehler auf der Konsole: Expected ')'

In Chrome gibt es diesen Fehler in der Konsole: Uncaught SyntaxError: Unexpected token =

Beide Browser markieren die Fehlerquelle als Funktionserstellungszeile.

Sie können dies nicht tun, aber Sie können stattdessen etwas tun wie:

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

Dies wird oft verkürzt auf:

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

Aktualisieren

Dies gilt für ECMAScript <= 5. ES6 hat Standardparameter vorgeschlagen . Das Obige könnte also stattdessen lauten:

function setName(name = 'Bob') {}

Dies ist keine gültige ECMAScript-Syntax, aber eine gültige Syntax für Mozillas Obermenge an Funktionen, die sie zur Implementierung der Sprache hinzufügen.

Die Standard-Syntax für die Parameterzuweisung wird wahrscheinlich in ECMAScript 6 verwendet.

Javascript erlaubt keinen "Standard" -Spezifizierer.

Eine schnelle Möglichkeit, das zu tun, was Sie möchten, besteht darin, Folgendes zu ändern:

function saveItem(andClose = false) {

}

Zu dem Folgendem:

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
    }
}

Der von Ihnen angegebene Code wird in Chrome <Version 49 nicht ausgeführt: https://kangax.github.io/compat-table/es6/#test-default_function_parameters

Sie haben eine gültige ECMAScript 2015-Syntax verwendet:

• MDN: Standardparameter .
• ES2015 Spec: Standardwertparameter-Initialisierer

Meiner Meinung nach besteht die beste Möglichkeit, ES2015-Funktionen zu verwenden, darin, Assets mit Browserify oder WebPack zu bündeln. Mit Babel können Sie ES2015 auf ES5 transkompilieren. Auf diese Weise müssen Sie sich keine Gedanken über die Kompatibilitätstabelle des ES2015-Browsers machen. Es ist ein Schmerz, beim ersten Mal loszulegen, aber es lohnt sich.

In Ihrem Fall haben Sie eine andere Alternative, um sicherzustellen, dass Ihre Variable ein Boolescher Wert ist:

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

Der Standardwert ist undefinedund true == undefined=> false, Ihr Standardwert ist also false:)