JavaScript中的奇怪语法示例：`var {variable} = value`

Question

有没有人知道这个语法在JavaScript中意味着什么？

var { variable } = value; 

我发现它在一些代码示例中，我从来没有见过这种情况。这是JavaScript 6吗？我试着用谷歌搜索variable syntax和es6，但没有例子提出这种语法。

下面是完整的例子：

var { Tab } = require('app-dev-kit/tab'); 
var tab = Tab({ properties }); 

最古怪的部分是，如果我放弃从{ Tab }括号那么它不工作（它说Tab是不是在这种情况下，一个功能）：

var Tab = require('app-dev-kit/tab'); 
var tab = Tab({ properties }); 

这不起作用：Error: Tab is not a function。

Answer 1

这是被称为destructuring assignment一个ES6特征，对于阵列（阵列解体）和对象（对象解构）

的解构赋值语法是JavaScript表达式 使得能够提取从数组中的数据的工作原理或使用 语法的对象来反映数组和对象文字的构造。

假设你有一个函数

function foo() { 
    return { bar: 1, baz: 2 }; 
} 

而且你要分配的返回值，局部变量函数的性质。传统上，你会做这样的事情

var f = foo(); 
var bar = f.bar; 
var baz = f.baz; 
console.log(bar); // 1 
console.log(baz); // 2 

有了解构赋值，你可以做到这一点

var {bar, baz} = foo(); 
console.log(bar); // 1 
console.log(baz); // 2