Argomenti costruttore costruttore ES6

Question

Sto guardando una definizione di classe ES6 e non capisco gli argomenti del costruttore. Ecco la classe:

export class Modal { 
    constructor($modal, {size = null,} = {}) { 
     // stuff 
    } 
} 

Sono confuso da questa {size = null,} = {}. È un argomento singolo? Cosa significa?

Answer 1

È un object destructuring con un determinato valore predefinito.

Se si passa un obj come

{ size: true } 

è possibile accedere alla "dimensione" dentro il costruttore come una normale variabile

export class Modal { 
    constructor($modal, {size = null } = {}) { 
    console.log(size); // prints the size value from the given object 
    } 
} 

Se non si passa nulla o si passa un oggetto senza "dimensione", le dimensioni saranno nulle. Puoi fare più di questi incarichi. Basta separarli con le virgole.

Esempio:

constructor($modal, { size = null, foo, bar = "test" } = {}) 

In questo caso, se si passa un oggetto senza proprietà "foo" che sarà indefinito, il resto agisce come ho accennato sopra.

Inoltre vale la pena ricordare che è necessario aggiungere = {} al termine del compito di destrutturazione nella dichiarazione constructor. È nel caso in cui non passi nulla. Altrimenti dovresti passare qualche oggetto (potrebbe essere vuoto).