Funzioni Javascript e parametri predefiniti, non funzionanti in IE e Chrome

Ho creato una funzione come questa:

function saveItem(andClose = false) {

}

Funziona bene in Firefox

In IE dà questo errore sulla console: Expected ')'

In Chrome dà questo errore nella console: Uncaught SyntaxError: Unexpected token =

Entrambi i browser contrassegnano l'origine dell'errore come riga di creazione della funzione.

Non puoi farlo, ma puoi invece fare qualcosa come:

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

Questo è spesso abbreviato in qualcosa di simile:

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

Aggiornare

Quanto sopra è vero per ECMAScript <= 5. ES6 ha proposto parametri predefiniti . Quindi quanto sopra potrebbe invece leggere:

function setName(name = 'Bob') {}

Questa non è una sintassi ECMAScript valida, ma è una sintassi valida per il superset di funzionalità di Mozilla che aggiungono alla loro implementazione del linguaggio.

La sintassi di assegnazione dei parametri predefinita è probabilmente disponibile in ECMAScript 6.

Javascript non consente uno specificatore "predefinito".

Un modo rapido per fare ciò che vorresti è cambiare:

function saveItem(andClose = false) {

}

a quanto segue:

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

Il codice fornito non verrà eseguito in Chrome <versione 49: https://kangax.github.io/compat-table/es6/#test-default_function_parameters

Hai utilizzato una sintassi ECMAScript 2015 valida:

• MDN: parametri predefiniti .
• Specifiche ES2015: inizializzatori di parametri del valore predefinito

A mio parere, il modo migliore per utilizzare le funzionalità di ES2015 è raggruppare le risorse con Browserify o WebPack , con un passaggio per utilizzare Babel per trans-compilare ES2015 in ES5. In questo modo non devi preoccuparti della tabella di compatibilità del browser ES2015. È un dolore iniziare la prima volta, ma ne vale la pena.

Nel tuo caso, hai un'altra alternativa per assicurarti che la tua variabile sia un booleano:

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

Il valore predefinito è undefined, e true == undefined=> false, quindi il valore predefinito sarà false:)