ES6 rozpad, dynamiczne przydzielanie

Question

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

Spowoduje to utworzenie dwóch nowych vars (od else), jednak jeśli piszę go tak:

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

Otrzymuję błąd składni. Jakie jest najlepsze podejście?

Answer 1

Trzeba parens wokół Zadanie: (. Live copy on Babel)

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

Trzeba te parens z tego samego powodu you need parens or similar to immediately invoke a function: Aby powiedzieć parsera że powinien oczekiwać wyrażenia, a nie oświadczenie . Bez parens, gdy napotka {, uważa, że ​​to początek bloku. Ale w przeciwieństwie do funkcji, to musi być nawiasy, a nie prowadząc jednoskładnikowa +, ! itp like this:

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