Funkcje JavaScript i parametry domyślne, nie działają w IE i Chrome

Utworzyłem taką funkcję:

function saveItem(andClose = false) {

}

Działa dobrze w przeglądarce Firefox

W IE daje ten błąd na konsoli: Expected ')'

W Chrome daje ten błąd w konsoli: Uncaught SyntaxError: Unexpected token =

Obie przeglądarki oznaczają źródło błędu jako linię tworzenia funkcji.

Nie możesz tego zrobić, ale zamiast tego możesz zrobić coś takiego:

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

Często jest to skracane do czegoś takiego:

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

Aktualizacja

Powyższe dotyczy ECMAScript <= 5. ES6 zaproponował parametry domyślne . Więc powyższe mogłoby zamiast tego przeczytać:

function setName(name = 'Bob') {}

To nie jest poprawna składnia ECMAScript, ale jest to poprawna składnia dla nadzbioru funkcji Mozilli, które dodają do swojej implementacji języka.

Domyślna składnia przypisania parametrów prawdopodobnie pojawi się w ECMAScript 6.

JavaScript nie zezwala na użycie „domyślnego” specyfikatora.

Szybkim sposobem robienia tego, co chcesz, jest zmiana:

function saveItem(andClose = false) {

}

do następujących:

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

Podany kod nie będzie działać w Chrome <wersja 49: https://kangax.github.io/compat-table/es6/#test-default_function_parameters

Użyłeś prawidłowej składni ECMAScript 2015:

• MDN: parametry domyślne .
• ES2015 Spec: domyślne inicjatory parametrów

Moim zdaniem najlepszym sposobem korzystania z funkcji ES2015 jest łączenie zasobów z przeglądarką lub WebPack , z krokiem umożliwiającym użycie Babel do przekształcenia ES2015 na ES5. W ten sposób nie musisz się martwić o tabelę zgodności przeglądarek ES2015. Rozpoczęcie pierwszego razu jest trudne, ale warto.

W Twoim przypadku masz inną alternatywę, aby upewnić się, że zmienna jest wartością logiczną:

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

Wartość domyślna to undefinedi true == undefined=> false, więc domyślną wartością będzie false:)