JavaScript 的对象括号表示法如何启用解构赋值？

赋值左侧的对象括号表示法 ({ Navigation } =)

在 JavaScript 中，对象括号表示法 ({ Navigation } =) 位于赋值左侧，是允许解构赋值的语法。 ES2015 标准中引入的此功能可以将对象的特定属性提取到变量中。

对象解构

对象解构语法允许提取属性使用与对象文字创建相同的语法。例如，以下代码将对象 o 的 p 和 q 属性分配给变量 p 和 q：

var o = {p: 42, q: true};
var {p, q} = o;

console.log(p); // 42
console.log(q); // true

您还可以为提取的属性分配新的变量名称：

var {p: foo, q: bar} = o;

console.log(foo); // 42
console.log(bar); // true

数组解构

解构也可以应用于数组，简化单个数组的赋值元素到变量。考虑以下数组 foo：

var foo = ["one", "two", "three"];

如果不进行解构，您可以将元素分配给变量，如下所示：

var one   = foo[0];
var two   = foo[1];
var three = foo[2];

通过解构，您可以更简洁地实现相同的结果：

var [one, two, three] = foo;

以上是JavaScript 的对象括号表示法如何启用解构赋值？的详细内容。更多信息请关注PHP中文网其他相关文章！