javascript - 检查没有 "unsafe-eval"的基本 ES6 支持

Question

我想知道浏览器是否支持 ECMAScript 6 (ES6)(基本支持就足够了)，但我也想使用合理的内容安全策略 (CSP) header 。我目前的解决方案，参见“Check if a browser supports ES6”，需要 'unsafe-eval' . “Javascript ES6 cross-browser detection”的答案中的解决方案也是如此。有什么办法解决这个问题吗？

    var supportsES6 = function() {
      try {
        new Function("(a = 0) => a");
        return true;
      }
      catch (err) {
        return false;
      }
    }();

Answer 1

我假设您想要检测 es6 支持的原因是决定是否提供 es6 代码或 es5 或显示错误。最简单的方法是使用 es 模块系统

<script type="module" src="script.es6.js"></script>
<script nomodule src="script.es5.js"></script>

支持 es6 的浏览器会加载 script.es6.js并忽略 script.es5.js , 不支持 es6 的浏览器会忽略 script.es6.js并加载 script.es5.js