`var {...} = ...`語句中的大括號是幹什麼的？

Question

不知道這是Mozilla的特定JS的語法，但我經常發現變量被宣佈這種方式，例如，在add-on SDK docs：

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

和各種鍍鉻的Javascript（let聲明被用於替代的var），

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

我發現它非常混亂，但我沒能找到有關這兩個語法的任何文件，甚至在MDN。

Answer 1

它們都是JavaScript 1.7的功能。第一個是block-level variables：

let允許你聲明變量，限制其範圍的塊，語句，或在其上使用的表達。這與var關鍵字不同，後者在全局範圍內定義變量，或者在本地定義整個函數，而不考慮塊範圍。

第二個被稱爲destructuring：

解構分配使得能夠使用該反射鏡陣列和對象文字的結構的語法提取數組或對象的數據。
...
解構賦值可以做的一件特別有用的事情是在單個語句中讀取整個結構，儘管可以用它們做很多有趣的事情，如示例部分中所示隨後。

對於那些熟悉Python，它類似於此語法：

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

第一個代碼塊是簡寫：

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

您可以重寫第二個代碼塊爲：

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

Answer 2

有關於MDN的let語句文檔：https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Statements/let

let類似於var，因爲它限制了聲明的變量的範圍。它允許你在一個if(){}塊（或其他塊）中聲明一個變量，並且該變量只在該塊內部是「可見的」（JavaScript，直到現在，它具有函數作用域並且不像大多數其他語言那樣阻塞作用域）。所以let基本上是一個「修復」許多人有問題的東西。請注意，tihs是一個JavaScript 1.7功能。

在{Foo}上沒有找到任何東西。

Answer 3

你在看什麼是破壞環分配。這是一種類似於Haskell的pattern matching。

使用解構賦值可以從對象和數組中提取值，並使用對象和數組字面量語法將它們賦值給新聲明的變量。這使得代碼更加簡潔。

例如：

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

var {a, b, c} = ascii; 

上面的代碼就等於：

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

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

類似地，對於數組：

var ascii = [97, 98, 99]; 

var [a, b, c] = ascii; 

這相當於：

var ascii = [97, 98, 99]; 

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

您也可以使用let如下提取以及重命名對象屬性：

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

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

這相當於：

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

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

這一切就是這麼簡單。