Co robią nawiasy klamrowe w instrukcjach `var {...} = ...`?

Question

Nie jestem pewien, czy jest to Mozilla specyficznej składni JS, ale często zmienne zadeklarowane w ten sposób, na przykład w add-on SDK docs:

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

iw różnych chrom Javascript (let oświadczenie jest używany w miejscu z var)

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

znalazłem to bardzo mylące, ale ja nie mogąc znaleźć żadnej dokumentacji na temat zarówno składni, nawet na MDN.

Answer 1

Obie funkcje JavaScript 1.7. Pierwszym z nich jest block-level variables:

let pozwala zadeklarować zmienne, ograniczając jego zakres do bloku, rachunku lub ekspresji, w którym jest używany. Jest to przeciwieństwo słowa kluczowego var, które definiuje zmienną globalnie lub lokalnie do całej funkcji, niezależnie od zakresu bloku.

Drugi nazywa destructuring:

przyporządkowanie rozpad pozwala na pobieranie danych z tablic lub obiektów za pomocą składni odzwierciedla konstrukcję tablicy i obiektów literałach.
... Jedną ze szczególnie pożytecznych rzeczy, które można wykonać przy pomocy funkcji destructuring assignment, jest przeczytanie całej struktury w pojedynczej instrukcji, chociaż istnieje wiele interesujących rzeczy, które można z nimi zrobić, jak pokazano w sekcji pełnej przykładów co następuje.

Dla obeznanych z Python, jest podobna do tej składni:

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

Pierwszy kod kawałek jest skrótem dla:

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

można przepisać drugi kod klocek jak:

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

Answer 2

Istnieje dokumentacja rachunku let na MDN: https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/let

let jest podobna do var tym, że ogranicza zakres zmiennej zadeklarowanej. To pozwala zadeklarować zmienną wewnątrz bloku if(){} (lub innego bloku) i mieć tę zmienną tylko "widoczną" wewnątrz tego bloku (JavaScript, do tej pory ma zakres funkcji, a nie zakres blokowy jak większość innych języków). Tak więc let jest w zasadzie "poprawką" dla czegoś, z czym wiele osób ma problemy. Zauważ, że tihs to funkcja JavaScript 1.7.

Nie znaleziono niczego na {Foo}.

Answer 3

To, na co patrzysz, to destrukcja przypisanie pierścienia. Jest to forma pattern matching jak w Haskell.

Korzystanie zadanie destructuring można wyodrębnić wartości z obiektów i tablic i przypisać je do nowo zadeklarowanych zmiennych z wykorzystaniem przedmiotu oraz tablicy składni dosłowne. Dzięki temu kod jest znacznie bardziej zwięzły.

Na przykład:

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

var {a, b, c} = ascii; 

ten kod jest równoważna:

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

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

Podobnie do tablic:

var ascii = [97, 98, 99]; 

var [a, b, c] = ascii; 

Odpowiada to:

var ascii = [97, 98, 99]; 

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

Można również użyć let wyodrębnić, a także zmienić nazwę właściwości obiektu w następujący sposób:

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

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

Jest to odpowiednik:

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

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

To wszystko jest do niego.