如何在 chrome 开发工具中使用对象扩展语法答案

【问题标题】：how to use object spread syntax in chrome dev tools如何在 chrome 开发工具中使用对象扩展语法
【发布时间】：2017-06-23 00:27:04
【问题描述】：

我开始使用对象传播语法来安全地制作对象的副本，同时遵循不变性原则。

我想在 chrome 开发者控制台中使用它 - 怎么做：

【问题讨论】：

【解决方案1】：

对象传播在所有现代浏览器中都可用 (since Chrome 60)，可以这样使用：

{...{foo: 'bar'}, john: 'doe'}

并将返回：{foo: "bar", john: "doe"}

【讨论】：

@Aequitas 为我工作。试试这个：{...{foo: 'bar'}}
啊，我的错，是数组传播不起作用（有时）：let a = ...['foo']，因意外令牌而失败。但是console.log(...['foo']) 可以正常工作
@Aequitas 你必须分散到另一个数组中：[...['foo'], 'bar']

【解决方案2】：

... 不是运算符（至少在 ECMAScript 规范使用术语“运算符”的意义上不是）。它实际上被称为“扩展语法”或“其余语法”。

【讨论】：

compat-table 说 Chrome 58 支持对象传播，但它被标志隐藏了
chrome://version 显示当前 Windows 的官方版本是 55.something；可能需要安装金丝雀来尝试这个
@Robsonsjre 请努力变得更加友好。如果 OP 提到“...”作为运算符，不要只说它不是一个。您可能会说它实际上称为“扩展语法”或“其余语法”，提供一些参考/文章。另一方面，更多的是相同的一半信息。它不在稳定的 Chrome 中，但有一些标志可以启用它。

【解决方案3】：

您可以在 chrome://flags/#enable-javascript-harmony 上启用 javascript 实验标志使网页能够使用实验性 JavaScript 功能，包括 Rest / Spread。

【讨论】：