Sử dụng toán tử spread nhiều lần trong javascript?

Question

Tại sao nhà điều hành mạng không thể sử dụng nhiều lần?

let arr = [[[1, 2, 3]]]; 

console.log(arr); // Array [ Array[1] ] 
console.log(...arr); // Array [ Array[3] ] 
console.log(...(...arr)); 
// SyntaxError: expected '=>' after argument list, got ')' 

Tôi mong chờ:

console.log(...(...arr)); // Array [ 1, 2, 3 ] 

Answer 1

Tại sao nhà điều hành mạng không thể sử dụng nhiều lần?

... không phải là toán tử. (...arr) không phải là JavaScript hợp lệ. ... chỉ được phép bên trong mảng chữ và trong danh sách đối số, nhưng đó là các dạng cú pháp đặc biệt (chú ý ... trong quy tắc sản xuất bên dưới).

ArrayLiteral

ArrayLiteral : 
    [ Elision_opt ] 
    [ ElementList ] 
    [ ElementList , Elision_opt ] 

ElementList : 
    Elision_opt SpreadElement 
    ElementList , Elision_opt SpreadElement 

SpreadElement: 
    ... AssignmentExpression 

Arguments

Arguments : 
    () 
    (ArgumentList) 

ArgumentList : 
    AssignmentExpression 
    ... AssignmentExpression 
    ArgumentList , AssignmentExpression 
    ArgumentList , ... AssignmentExpression 

Answer 2

Bởi vì ... arr không giống như một hàm trả về một giá trị trong tình huống bình thường (bạn có thể kiểm tra điều này bằng cách chỉ cần gõ ... [[1 , 2,3]] trong giao diện điều khiển, nếu ... hoạt động như một chức năng bình thường, chúng tôi mong đợi sự trở lại của [1 2 3] Vì lý do đó bạn không thể chuỗi lây lan từ MDN:

toán tử spread cho phép một biểu thức được mở rộng ở các vị trí trong đó Các đối số điện tử (cho các cuộc gọi hàm) hoặc nhiều phần tử (đối với các mảng chữ) được mong đợi.

Ergo, lây lan cần phải xảy ra trong vòng literals mảng, literals đối tượng (nếu sử dụng obj lây lan, đó là ES7) hoặc trong chức năng gọi Vì vậy, bạn có thể làm console.log (... []. Concat (. ..arr))