Fungsi Javascript dan parameter default, tidak berfungsi di IE dan Chrome

Saya membuat fungsi seperti ini:

function saveItem(andClose = false) {

}

Ini berfungsi dengan baik di Firefox

Di IE memberikan kesalahan ini di konsol: Expected ')'

Di Chrome, ini memberikan kesalahan ini di konsol: Uncaught SyntaxError: Unexpected token =

Kedua browser menandai sumber kesalahan sebagai baris pembuatan fungsi.

Anda tidak dapat melakukan ini, tetapi Anda dapat melakukan sesuatu seperti:

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

Ini sering disingkat menjadi seperti:

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

Memperbarui

Di atas benar untuk ECMAScript <= 5. ES6 telah mengusulkan parameter Default . Jadi di atas malah bisa dibaca:

function setName(name = 'Bob') {}

Itu bukan sintaks ECMAScript yang valid, tetapi sintaks yang valid untuk superset fitur Mozilla yang mereka tambahkan ke implementasi bahasa mereka.

Sintaks penetapan parameter default kemungkinan besar ada di ECMAScript 6.

Javascript tidak mengizinkan penentu "default".

Cara cepat untuk melakukan apa yang Anda inginkan adalah dengan mengubah:

function saveItem(andClose = false) {

}

sebagai berikut:

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

Kode yang Anda berikan tidak akan berjalan di Chrome <versi 49: https://kangax.github.io/compat-table/es6/#test-default_function_parameters

Anda menggunakan sintaks ECMAScript 2015 yang valid:

• MDN: Parameter Default .
• ES2015 Spec: penginisialisasi parameter nilai default

Menurut pendapat saya, cara terbaik untuk menggunakan fitur ES2015 adalah menggabungkan aset dengan Browserify atau WebPack , dengan langkah menggunakan Babel untuk melakukan trans-compile ES2015 ke ES5. Dengan begitu Anda tidak perlu khawatir tentang bagan kompatibilitas browser ES2015 itu. Ini menyakitkan untuk memulai pertama kali, tetapi sepadan.

Dalam kasus Anda, Anda memiliki alternatif lain untuk memastikan bahwa variabel Anda adalah boolean:

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

Nilai defaultnya adalah undefined, dan true == undefined=> false, jadi nilai default Anda adalah false:)