Sử dụng mảng kết hợp làm tên biến? - javascript

Question

Tôi đã xem qua một số mã từ một phần mở rộng firefox (ở đây: https://github.com/mozilla/prospector/blob/master/oneLiner/bootstrap.js#L34) và tôi thấy một cái gì đó tôi chưa bao giờ thấy trước đây trong javascript. Lập trình viên đã sử dụng một mảng kết hợp làm tên biến. Ai đó có thể giải thích cho tôi như thế nào biến này tham chiếu hoạt động?

const {classes: Cc, interfaces: Ci, utils: Cu} = Components; 

tôi hiểu được "const" từ việc đọc trang này: https://developer.mozilla.org/en/JavaScript/Reference/Statements/const

nhưng làm thế nào là nó có thể sử dụng một đối tượng mảng kết hợp như một tên biến?

Ngoài ra, có vẻ như đang sử dụng tên khóa trong mảng kết hợp làm tham chiếu đến phương thức Thành phần (được liệt kê tại đây: https://developer.mozilla.org/en/Components_object). Tôi luôn nghĩ rằng một tên khóa phải đi trước và sau đó là giá trị, nhưng điều này dường như đặt giá trị của tham chiếu đến phương thức lớp Components trước và sau đó gán nó cho một tên của Cc mặc dù Cc ở vị trí mà một giá trị sẽ đi (và Ci cho phương thức giao diện thành phần & Cu cho phương thức thành phần utils).

Answer 1

gì bạn đang nhìn thấy là một nhiệm vụ Destructuring, nó có sẵn từ javascript 1,7 xem tài liệu này để biết thêm thông tin https://developer.mozilla.org/en/JavaScript/New_in_JavaScript/1.7

phân Destructuring làm cho nó có thể trích xuất dữ liệu từ mảng hoặc đối tượng sử dụng một cú pháp mà gương việc xây dựng mảng và literals đối tượng. Biểu thức đối tượng và mảng chữ cung cấp một cách dễ dàng để tạo các gói dữ liệu đặc biệt. Khi bạn đã tạo các gói dữ liệu này, bạn có thể sử dụng chúng theo bất kỳ cách nào bạn muốn. Bạn thậm chí có thể trả lại chúng từ các chức năng.

Answer 2

Yeah, kiểm tra này:

var abc = {classes: "ABC", interfaces: "DEF", utils: "XYZ"}; 
const {classes: Cc, interfaces: Ci, utils: Cu} = abc; 
console.debug("test: ", Cc, Ci, Cu); 

Hình như rất nhiều niềm vui, nhất là đối với một trong những người đang đọc mã :)