Klasse Konstruktor/Funktion Syntax mit geschweiften Klammern um Parameterliste

Question

Ich habe diesen Code vor kurzem gesehen:

class Foo { 
 
    constructor({ 
 
    a, 
 
    b, 
 
    c = [] 
 
    }) { 
 
    this.a = a; 
 
    this.b = b; 
 
    this.c = c; 
 
    console.log(this); 
 
    } 
 
} 
 
const foo = new Foo({ 
 
    a: 1, 
 
    b: 2 
 
});

Aber ich habe nie Parameter mit geschweiften Klammern Umwickeln der Parameternamen definiert gesehen . Mein Linter beschwert sich darüber, aber der Code funktioniert gut und so gehe ich davon aus, dass er gültig ist, da er ohne Fehler ausgeführt wird.

Ich habe die MDN-Dokumentation über, class, constructor und default arguments lesen. Allerdings sehe ich dieses Muster nirgendwo beschrieben (vielleicht habe ich es verpasst?).

Nach was ich suche, hat dieses Muster einen Namen, oder ist es irgendwo beschrieben?

Answer 1

Es parameter destructuring ist.

jedoch in diesem Fall können Sie einfach tun

class Foo { 
    constructor(opts) { 
    Object.assign(this, {c: []}, opts); 
    console.log(this); 
    } 
} 

const foo = new Foo({ 
    a: 1, 
    b: 2 
}); 

Sie sollten eine Art „es6“ Flagge finden für Ihre Linter es glücklich zu machen.

Answer 2

Aber ich habe noch nie Argumente wie diese zuvor gesehen.

Das ist Destrukturierung, nur auf die Argumente verwendet.

Ich konnte keine gute Referenz finden, aber ich glaube, das ist eine ES6-Funktion. Es zerlegt ein Objektargument in einzelne Variablen und weist den Variablen die Werte der Eigenschaften mit demselben Namen zu.

Es ist ähnlich wie zu tun:

class Foo { 
    constructor(obj) { 
    this.a = obj.a; 
    this.b = obj.b; 
    this.c = obj.c || []; 
    console.log(this); 
    } 
}