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

Javascript 如何开始使用ES6。是否在Chrome中自动启用?,javascript,ecmascript-6,cross-browser,Javascript,Ecmascript 6,Cross Browser,我正在写一些Javasript,我想知道为什么我可以自动访问ES6特性。它只是在Chrome中启用的吗?这是我的一些代码。。。我很惊讶这些回跳已经开始工作了 $(function(){ var coin_form_wrapper = $(".coin-form-wrapper") var add_address_button = $('.add_address_button') var inputHTML = ` <div> <input typ

我正在写一些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>
  `;
$(函数(){
var coin_form_wrapper=$(“.coin form wrapper”)
var add_address_button=$('.add_address_button'))
var inputtml=`
`;
这是我的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应用程序。发生了什么事?为什么我已经可以访问backticks了?我正在Chrome中查看页面


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

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

您可以在上了解大多数支持

但是,您不能确定在任何给定时间哪个浏览器支持ES6的哪个部分,也不能选择退出


最安全的方法是查看用户的浏览器使用情况,然后找到所有用户都通用的JS功能集。一些浏览器目前仍在使用。

许多ES6功能已经在Chrome中启用。为什么这会令人惊讶?Chrome已经实现了大部分ES6和部分ES7。你无法阻止它们失败ng在其他尚不支持它们的环境中使用。反勾号是该语言的一个基本功能,不能进行多填充。我很惊讶,因为我不知道这一点。我想这之所以有效的唯一原因是因为我在Chrome中查看我的html和js文件。我很惊讶,因为我没有在我的应用程序中导入ES6。你应该不“导入”ES6。一旦得到支持,它就会内置到解释器中。是的,一旦浏览器中的Javascript引擎支持它,它就会内置。您不必“启用”ES6支持。它要么存在,要么不存在。在开发过程中可能会有一个点,即某些实验性的东西在使用之前必须打开,但ES6已经过了那个阶段。你现在甚至可以在Chrome中使用一些ES7功能。是的,这是正确的。巴贝尔将使用ES6或ES7代码,并将其转换为在ES中工作的代码因此,如果您想在所有浏览器中使用ES6或ES7功能,包括不支持ES6或ES7功能的浏览器,那么您可以使用BabelJS将代码转换为可以在旧浏览器中使用的代码。