如何开始使用 ES6。它是否在 Chrome 中自动启用？

Question

我正在编写一些 Javasript，我想知道为什么我可以自动访问 ES6 功能。它是在 Chrome 才启用的吗？这是我的一些代码...我很惊讶这些反引号已经起作用了。

$(function(){
  var coin_form_wrapper = $(".coin-form-wrapper")
  var add_address_button = $('.add_address_button')
  var inputHTML = `
    <div>
      <input type="text" name="field_name[]" value=""/>
      <a href="javascript:void(0);" class="remove_button" title="Remove field"><img src="grumpy_cat.jpg"/></a>
    </div>
  `;

这是我的 erb 文件：

<html>
  <head>
    <title>Greeting Page</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="add_coins.js"></script>
    <link rel="stylesheet" href="css/add_coins.css">
  </head>
  <body>
    <div class="logo">
      <img src="grumpy_cat.jpg">
    </div>
    <div class="coin-form-wrapper">
    </div>
  </body>
</html>

这是一个非常简单的 Sinatra 应用程序。到底是怎么回事？为什么我已经可以使用反引号了？我正在查看 Chrome 中的页面。

这在其他浏览器上会失败吗？我该如何防止这种情况发生？

Answer 1

是的，一些浏览器已经更新了它们的 JavaScript 引擎以支持大多数 ES6 功能。

您可以在 https://caniuse.com/#search=ES6

上了解大部分支持

然而，您不能确定哪个浏览器在任何给定时间支持 ES6 的哪个部分，也不能选择退出它 AFAIK。

最安全的方法是查看您的受众的浏览器使用情况，然后找到他们所共有的一组通用 JS 功能。一些浏览器今天仍在使用 do not even fully support ES5。

如何开始使用 ES6。它是否在 Chrome 中自动启用？

How to get started using ES6. Is it automatically enabled in Chrome?

javascript

cross-browser

ecmascript-6