如何在chrome dev工具中使用对象扩展语法

Question

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

我想在chrome开发者控制台中使用它 - 如何执行此操作：

Answer 1

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

Answer 2

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

<header>

        <nav>
            <i class="material-icons">menu</i>
            <a href="index.html">Home</a>
            <a href="About.html">About</a>
            <a href="Contact.html">Contact</a>
        </nav>
        
        <h1>Knox Enterprises Inc.</h1>

    </header>

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

Answer 3

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