ES6 destrutturazione, assegnazione dinamica

Question

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

In questo modo si crea due nuovi Vars (dal else), se scrivo in questo modo:

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

ricevo un errore di sintassi. Qual è l'approccio migliore qui?

Answer 1

È necessario parentesi intorno alla assegnazione: (. Live copy on Babel)

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

avete bisogno di quelle parentesi per lo stesso motivo you need parens or similar to immediately invoke a function: A dire il parser che dovrebbe aspettarsi un'espressione, non una dichiarazione . Senza i parens, quando incontra il {, pensa che sia l'inizio di un blocco. Ma a differenza con la funzione, deve essere parentesi, non un leader unario +, !, ecc like this:

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