JS：函数参数声明中的花括号是什么意思？

Question

我一直关注this tutorial关于使用Redux设置React，我注意到了一些我不熟悉的语法。函数参数定义中的花括号是什么？

示例：

＆＃13;

＆＃13;

function Stream({ tracks = [], onAuth }) { #what is going on here?
  return (
    <div>
      ... #component stuff here
    </div>
  );
}

＆＃13;

＆＃13;

＆＃13;

这个React具体吗？或者这与Babel或其他图书馆有关？我是这个技术的新手，所以不确定发生了什么。

Answer 1

它看起来像解构语法，但我不知道javascript有解构。

如果它是什么，该函数期望一个具有tracks字段的对象（但如果该对象没有一个，则可以默认为空列表），以及{ {1}}字段，默认为onAuth。它基本上是访问传递对象的字段的更简洁的方式。