Đối số hàm tạo lớp ES6

Question

Tôi đang xem định nghĩa lớp ES6 và không hiểu các đối số cho hàm tạo. Đây là lớp học:

export class Modal { 
    constructor($modal, {size = null,} = {}) { 
     // stuff 
    } 
} 

Tôi đang bối rối bởi điều này {size = null,} = {}. Đó có phải là một đối số không? Nó có nghĩa là gì?

Answer 1

Đây là một object destructuring với giá trị mặc định đã cho.

Nếu bạn vượt qua một obj như

{ size: true } 

bạn có thể truy cập vào "kích thước" bên trong các nhà xây dựng giống như một bình thường biến

export class Modal { 
    constructor($modal, {size = null } = {}) { 
    console.log(size); // prints the size value from the given object 
    } 
} 

Nếu bạn không vượt qua bất cứ điều gì hoặc bạn vượt qua một đối tượng mà không có "kích thước", kích thước sẽ là null. Bạn có thể thực hiện nhiều bài tập như vậy. Chỉ cần tách riêng chúng bằng dấu phẩy.

Ví dụ:

constructor($modal, { size = null, foo, bar = "test" } = {}) 

Trong trường hợp này nếu bạn vượt qua một đối tượng mà không cần tài sản "foo" nó sẽ được undefined, phần còn lại đóng vai trò như tôi đã đề cập ở trên.

Cũng cần lưu ý rằng bạn phải thêm = {} vào cuối nhiệm vụ hủy trong tuyên bố constructor. Đó là trong trường hợp khi bạn không vượt qua bất cứ điều gì. Nếu không, bạn sẽ phải vượt qua một số đối tượng (có thể trống).