ES6扩展运算符是否在标准ECMAScript规范的对象上应用？

Question

MDN defines传播运算符的用法仅作用于数组。

例如，对于传播运营商正确使用看起来像

var parts = ['shoulders', 'knees']; 
var lyrics = ['head', ...parts, 'and', 'toes']; // ["head", "shoulders", "knees", "and", "toes"] 

，我们已申请蔓延运营商阵列parts上。

但in the React docs，他们所使用的价差操作上对象像这样

var props = {}; 
props.foo = x; 
props.bar = y; 
var component = <Component {...props} />; 

如果我真的尝试做这个控制台，我收到一个TypeError

var a = {b:1,c:2} 
console.log(...a); // TypeError 

我的问题是：

• 正在使用扩散算子ove r对象在规范中实现了一个标准（并且这个用例从MDN文档中省略了，并且我试图展示的控制台示例没有正确完成，从而导致TypeError）？
• 如果不是一个标准的实现，那么React组件就可以精确的扩展运算符来处理它所做的非标准方法（即作用于对象），并抑制TypeError这样做时不可避免地会出现？

Answer 1

如果我真的尝试做这个控制台，我收到一个TypeError

您在这里混淆了一些东西（也不能怪你，如果他们都看起来相似）。

在你的榜样，

console.log(...a); 

的...a是不对象传播的应用。它有时被称为spread syntax（即使这个名称没有真正的名称），这在ES2015中是标准化的。它在函数调用中用作最后一个“参数”，仅适用于迭代器。对象不是可迭代的，因此你得到错误。

对象传播，目前是一个proposal，仅在对象文本使用：

var foo = {x: 42}; 
var bar = {y: 21, ...foo}; // equivalent to Object.assign({y: 21}, foo); 

什么是引擎盖

内JSX的使用情况下，怎么回事（<Component {...props} />）又是略有不同的东西，它的一个JSXSpreadAttribute，但它确实反对传播。如果您try it out in Babel你可以看到它转换为：

var _extends = Object.assign || /* polyfill */; 

React.createElement(Component, _extends({ foo: true }, props)); 

Answer 2

扩展运算符目前正在标准化，所以它不能与ES2015一起使用。目前它是该流程第二阶段的建议，大概是ES2017规范。

https://github.com/sebmarkbage/ecmascript-rest-spread

它已经可以通过使用一些额外的插件通天向transpiling ES5时利用。这就是你提到的样品中使用的。

http://babeljs.io/docs/plugins/transform-object-rest-spread/

http://babeljs.io/docs/plugins/preset-stage-2/