ES6 destructuring, năng động nhượng

Question

let text, value; 
if (typeof f == 'string') { 
    text = value = f; 
} else { 
    let { 
     text, value 
    } = f; 
} 

Việc làm này tạo ra hai vars mới (từ else), tuy nhiên nếu tôi viết nó như vậy:

let text, value; 
if (typeof f == 'string') { 
    text = value = f; 
} else { 
    { 
     text, value 
    } = f; 
} 

tôi nhận được một lỗi cú pháp. Cách tiếp cận tốt nhất ở đây là gì?

Answer 1

Bạn cần dấu ngoặc xung quanh việc chuyển nhượng: (. Live copy on Babel)

let text, value; 
if (typeof f == 'string') { 
    text = value = f; 
} else { 
    ({    // (at start 
     text, value 
    } = f);   //) at end 
} 

Bạn cần những Parens cho cùng một lý do you need parens or similar to immediately invoke a function: Để nói sự phân tích cú pháp rằng nó nên mong đợi một biểu thức, không phải là một tuyên bố . Nếu không có parens, khi nó gặp {, nó nghĩ rằng đó là sự khởi đầu của một khối. Nhưng không giống như với chức năng, nó phải được Parens, không phải là một lãnh đạo unary +, ! vv like this:

let text, value; 
if (typeof f == 'string') { 
    text = value = f; 
} else { 
    +{     // <== Doesn't work like it does with IIFEs 
     text, value 
    } = f; 
}