如何在JSFiddle中将脚本指定为模块运行？

要在JSFiddle里使用顶层await这类需要ES模块环境的特性，有两种可行方案：

方案1：用异步立即执行函数包裹代码 #

不需要修改模块设置，直接把代码放在异步IIFE中，就能在非模块环境下使用await：

(async function() {
  async function f1(x) {
    return x * 2;
  }
  const x = await f1(5);
  console.log(x);
})();

方案2：在HTML面板中使用模块脚本 #

JSFiddle的主JS面板无法通过设置type="module"转为模块脚本，但可以把代码移到HTML面板，用<script type="module">标签包裹：

<script type="module">
async function f1(x) {
  return x * 2;
}
const x = await f1(5);
console.log(x);
</script>

注意要清空JS面板的代码，避免重复执行或冲突。这样浏览器会将这段脚本识别为ES模块，支持顶层await特性。

内容的提问来源于stack exchange，提问作者Ryan Griggs