【问题标题】：Curly Brakets in Es2015 [duplicate]Es2015中的花括号[重复]
【发布时间】：2016-02-03 23:53:27
【问题描述】：
我在阅读一些推文时遇到了this tweet by Dan Abromov
语法让我感到困惑。
const Font = ({ children }) =>
<Block...
{ }围绕孩子有什么意义？显然它不是一个对象。我推测它的 ES2015 特性。
非常感谢
【问题讨论】：
标签：
javascript
ecmascript-6
brackets
【解决方案1】：
这是一种解构绑定模式。它表示参数children应该绑定到传递给函数的对象的children属性值。
在 ES2015 环境中试试这个：
function x({ foo }) {
console.log(foo);
}
x({ hello: "world", foo: "bar", well: "that's all"});
字符串“bar”将被记录到控制台，因为这是传递给函数的对象的“foo”属性的值。
如果传递给函数的值是一个没有“children”属性的对象，或者如果它根本不是一个对象，那么参数将为undefined。