Các chức năng và thông số mặc định của Javascript, không hoạt động trong IE và Chrome

Tôi đã tạo một hàm như thế này:

function saveItem(andClose = false) {

}

Nó hoạt động tốt trên Firefox

Trong IE, nó đưa ra lỗi này trên bảng điều khiển: Expected ')'

Trong Chrome, nó đưa ra lỗi này trong bảng điều khiển: Uncaught SyntaxError: Unexpected token =

Cả hai trình duyệt đều đánh dấu nguồn của lỗi là dòng tạo hàm.

Bạn không thể làm điều này, nhưng thay vào đó bạn có thể làm điều gì đó như:

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

Điều này thường được rút ngắn thành một cái gì đó như:

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

Cập nhật

Điều trên đúng với ECMAScript <= 5. ES6 đã đề xuất các tham số Mặc định . Vì vậy, thay vào đó có thể đọc:

function setName(name = 'Bob') {}

Đó không phải là cú pháp ECMAScript hợp lệ, nhưng nó là cú pháp hợp lệ cho tập hợp siêu tính năng của Mozilla mà họ thêm vào việc triển khai ngôn ngữ của mình.

Cú pháp gán tham số mặc định có thể xuất hiện trong ECMAScript 6.

Javascript không cho phép mã định nghĩa "mặc định".

Một cách nhanh chóng để làm những gì bạn muốn đang thay đổi:

function saveItem(andClose = false) {

}

theo sau:

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

Mã bạn cung cấp sẽ không chạy trong Chrome <phiên bản 49: https://kangax.github.io/compat-table/es6/#test-default_ Chức năng_parameters

Bạn đã sử dụng cú pháp ECMAScript 2015 hợp lệ:

• MDN: Tham số mặc định .
• ES2015 Spec: bộ khởi tạo tham số giá trị mặc định

Theo tôi, cách tốt nhất để sử dụng các tính năng của ES2015 là kết hợp các nội dung với Browserify hoặc WebPack , với một bước sử dụng Babel để chuyển dịch ES2015 sang ES5. Bằng cách đó, bạn không phải lo lắng về biểu đồ tương thích của trình duyệt ES2015 đó. Lần đầu tiên bắt đầu thật khó khăn nhưng xứng đáng.

Trong trường hợp của bạn, bạn có một giải pháp thay thế khác để đảm bảo rằng biến của bạn là boolean:

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

Giá trị mặc định là undefined, và true == undefined=> false, vì vậy giá trị mặc định của bạn sẽ là false:)