Có thể hủy cấu trúc các biến cá thể/thành viên trong một hàm tạo JavaScript không?

Question

Có thể sử dụng phép gán destructuring trong một hàm tạo của lớp JavaScript để gán các biến cá thể tương tự như cách bạn có thể thực hiện nó cho các biến bình thường không?

Ví dụ sau hoạt động:

var options = {one: 1, two: 2}; 
var {one, two} = options; 
console.log(one) //=> 1 
console.log(two) //=> 2 

Nhưng tôi không thể có được một cái gì đó như sau để làm việc:

class Foo { 
    constructor(options) { 
    {this.one, this.two} = options; 
    // This doesn't parse correctly and wrapping in parentheses doesn't help 
    } 
} 

var foo = new Foo({one: 1, two: 2}); 
console.log(foo.one) //=> I want this to output 1 
console.log(foo.two) //=> I want this to output 2 

Answer 1

Có nhiều cách để làm điều này. Người đầu tiên chỉ và assigns the properties of options to properties on this sử dụng được destructuring:

class Foo { 
    constructor(options) { 
    ({one: this.one, two: this.two} = options); 
    // Do something else with the other options here 
    } 
} 

các ngoặc thêm là cần thiết, nếu không động cơ JS có thể nhầm lẫn { ... } cho một đối tượng đen hoặc một tuyên bố khối.

thứ hai sử dụng Object.assign và destructuring:

class Foo { 
    constructor(options) { 
    const {one, two} = options; 
    Object.assign(this, {one, two}); 
    // Do something else with the other options here 
    } 
} 

Nếu bạn muốn áp dụng tất cả lựa chọn của bạn cho Ví dụ, bạn có thể sử dụng Object.assign mà không destructuring:

class Foo { 
    constructor(options) { 
    Object.assign(this, options); 
    } 
}