javascript - 为什么在浏览器中使用 ES6

Question

我有一个 Node.js 项目，我在服务器端使用 ES6 语法，在浏览器端使用非 ES6 语法。我也尝试过在浏览器上使用 ES6 语法，但是当我在 iPhone 上访问网站时遇到问题，所以我切换回“旧的 javascript 语法”。

我可以从 Github 上的 Bootstrap 代码中看到他们在 Bootstrap v4 的代码中使用了 ES6(const、箭头函数等)。

在所有使用的浏览器都支持之前避免使用 ES6 语法是否聪明？我假设总会有一些不支持新语法的浏览器被使用，那么为什么有人敢于转向新语法呢？我知道它会非常少，但是由于 ES6 可以实现的所有功能在没有 ES6 的情况下也可以实现，所以我看不出使用新语法有什么值得在我的网站上失去潜在客户的成本。

是否存在一些脚本可以确保我所有访问者的浏览器都支持 ES6？

Answer 1

Is it clever to avoid using ES6 syntax until all used browsers support it?

不是真的。你可以转译它，例如 babel (这就是您作为示例提出的 Bootstrap v4，also does)。

事实上，即使您保证使用现代 JS 运行时，您也可能希望使用 babel 进行转译，使用 not-yet-even-quite-standardised language features .重点不是新的用户可见功能，而是程序员的工作效率，您可以使用 ES6 以多种方式提高它。

您会找到有关如何使用 babel 转译浏览器预期代码的清晰说明 for instance in this blog post .

since all the stuff that is possible with ES6 is also possible without ES6, I do not see how it can be worth using the new syntax for the cost of losing potential customers on my website.

在编写本文时，转译是一个非常重要的步骤，除非您知道您正在针对特定的 JS 执行环境(例如，基于已知版本的 WebKit/JavaScriptCore 的混合网络浏览器/桌面或移动应用程序) ).

多年来，使用隐藏平台差异的抽象对于现在几乎所有现代浏览器中都存在的许多 API 来说也是必不可少的，尤其是(但不限于)旧版本的 IE，因此如果您的目的旧浏览器版本很重要。不过，不应该阻止您获得生产力优势!