Was machen geschweifte Klammern in den `var {...} = ...` Anweisungen?

Question

nicht sicher, ob dies eine Mozilla-spezifische JS Syntax ist, aber ich fand oft Variablen auf diese Weise erklärt werden, zum Beispiel in add-on SDK docs:

var { Hotkey } = require("sdk/hotkeys"); 

und in verschiedenen Chrom Javascript (let Anweisung anstelle verwendet wird, um

let { classes: Cc, interfaces: Ci, results: Cr, utils: Cu } = Components; 

von var,) ich fand es sehr verwirrend, aber ich bin keine Dokumentation über beide Syntax zu finden in der Lage, auch auf MDN.

Answer 1

Sie sind beide JavaScript 1.7 Funktionen. Die erste ist block-level variables:

let Sie Variablen deklarieren können, ihren Anwendungsbereich auf den Block, Anweisung zu begrenzen, oder Ausdruck auf dem sie verwendet wird. Dies ist anders als das Schlüsselwort var, das eine Variable global oder lokal für eine gesamte Funktion unabhängig vom Blockbereich definiert.

Der zweite ist destructuring genannt:

Destrukturierung Zuordnung macht es möglich, Daten von Arrays oder Objekten zu extrahieren, eine Syntax, die die Konstruktion von Arrays und Objektliterale spiegelt.
...
Eine besonders nützliche Sache, die Sie mit Destrukturierungsaufgaben machen können, ist das Lesen einer ganzen Struktur in einer einzigen Anweisung, obwohl es eine Reihe von interessanten Dingen gibt, die Sie mit ihnen machen können, wie im Abschnitt Beispiele gezeigt dass folgt.

Für diejenigen, die mit Python, es ist ähnlich wie diese Syntax:

>>> a, (b, c) = (1, (2, 3)) 
>>> a, b, c 
(1, 2, 3) 

Der erste Code Chunk ist eine Abkürzung für:

var {Hotkey: Hotkey} = require("sdk/hotkeys"); 
// Or 
var Hotkey = require("sdk/hotkeys").Hotkey; 

Sie können als den zweiten Code Chunk umschreiben:

let Cc = Components.classes; 
let Ci = Components.interfaces; 
let Cr = Components.results; 
let Cu = Components.utils; 

Answer 2

Es ist die Dokumentation für die let Aussage über MDN: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/let

let ist ähnlich var, dass sie den Umfang der deklarierten Variablen begrenzt. Es erlaubt Ihnen, eine Variable innerhalb eines if(){} Blocks (oder eines anderen Blocks) zu deklarieren und diese Variable nur innerhalb dieses Blocks "sichtbar" zu haben (JavaScript hat bis jetzt den Funktionsumfang und nicht den Block wie die meisten anderen Sprachen). Also ist die let im Grunde ein "Fix" für etwas, mit dem viele Leute Probleme haben. Beachten Sie, dass tihs eine JavaScript 1.7-Funktion ist.

Haben Sie nichts gefunden auf {Foo}.

Answer 3

Was Sie suchen, ist ein Destructu Ringzuweisung. Es ist eine Form von pattern matching wie in Haskell.

Mithilfe der Destrukturierungszuweisung können Sie Werte aus Objekten und Arrays extrahieren und sie mithilfe der Objekt- und Array-Literalsyntax neu deklarierten Variablen zuweisen. Dies macht den Code viel prägnanter.

Zum Beispiel:

var ascii = { 
    a: 97, 
    b: 98, 
    c: 99 
}; 

var {a, b, c} = ascii; 

Der obige Code entspricht:

var ascii = { 
    a: 97, 
    b: 98, 
    c: 99 
}; 

var a = ascii.a; 
var b = ascii.b; 
var c = ascii.c; 

Ähnlich für Arrays:

var ascii = [97, 98, 99]; 

var [a, b, c] = ascii; 

Dies ist äquivalent zu:

var ascii = [97, 98, 99]; 

var a = ascii[0]; 
var b = ascii[1]; 
var c = ascii[2]; 

Sie können auch let verwenden sowie umbenennen eine Objekteigenschaft zu extrahieren, wie folgt:

var ascii = { 
    a: 97, 
    b: 98, 
    c: 99 
}; 

var A = ascii.a; 
var B = ascii.b; 
var C = ascii.c; 

das alles gibt es zu ihm ist:

var ascii = { 
    a: 97, 
    b: 98, 
    c: 99 
}; 

let {a: A, b: B, c: C} = ascii; 

Dies äquivalent ist.