javascript - 如何在没有评估的情况下检测异步功能支持？

Question

这是检测当前引擎是否支持异步函数的一种方法:

const supportsAsyncFunctions = (() => {
  try {
    new Function('async () => {}')();
  } catch (error) {
    return false;
  }

  return true;
})();

但是有没有办法不使用 eval 或 Function 来做到这一点？

Answer 1

建议的 eval 方法将对 CSP 错误给出漏报，因为它们未被处理。如果这是一个问题，可以按 this answer 中所示处理 CSP 错误。 .

可以这样做，但解决方案一点也不漂亮，并且涉及外部脚本。脚本可以设置标志，或者可以设置全局错误处理程序以在加载脚本时监视语法错误。

如果脚本导致语法错误，仍然认为它已加载，因此网络问题不会导致误报:

async-detection.js

window.isAsyncAvailable = true;
async () => {};

main.js

new Promise(function (resolve, reject) {
  var script = document.createElement('script');
  document.body.appendChild(script);
  script.onload = resolve.bind(null, true);
  script.onerror = reject;
  script.async = true;
  script.src = 'async-detection.js';
})
.then(function () {
  console.log(window.isAsyncAvailable);
})
.catch(/* generic script loading error */);

此方法可用于检测网站上使用的不能被 polyfill 或通常用 try..catch 捕获的句法特征。可靠地触发您的浏览器已过时 导航屏幕特别有用。