ES6-Klassenkonstruktorargumente

Question

Ich schaue mir eine ES6-Klassendefinition an und verstehe die Argumente für den Konstruktor nicht. Hier ist die Klasse:

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

Ich bin von diesem {size = null,} = {} verwirrt. Ist das ein einziges Argument? Was heißt das?

Answer 1

Es ist ein object destructuring mit einem vorgegebenen Standardwert.

Wenn Sie übergeben ein obj wie

{ size: true } 

Sie die „Größe“ in der Konstruktor wie eine normale Variable

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

zugreifen Wenn Sie nichts passieren kann oder übergeben Sie ein Objekt Ohne "Größe" ist die Größe Null. Sie können mehr solcher Zuordnungen vornehmen. Trennen Sie sie einfach durch Kommas.

Beispiel:

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

In diesem Fall, wenn Sie ein Objekt ohne Eigentum „foo“ übergeben Sie es nicht definiert wird, wirkt der Rest, wie ich oben erwähnt.

Es ist auch erwähnenswert, dass Sie = {} am Ende der Destrukturierung Aufgabe in der constructor Deklaration hinzufügen müssen. Es ist in dem Fall, wenn Sie nichts weitergeben. Andernfalls müssten Sie ein Objekt übergeben (möglicherweise leer).