JS - Blob 对象？

1. new Blob 创建 Blob 对象。
2. 创建临时的 a 标签。
3. URL.createObjectURL 函数创建下载 url。
4. 触发 a 标签下载。

const json = JSON.stringify([
  {
    name: "小红",
    grade: 1
  }
]);

document.querySelector("#down").onclick = () => {
  const blob = new Blob([json], { type: "application/json" });
  const a = document.createElement("a");
  a.download = "data.json";
  a.href = URL.createObjectURL(blob);
  a.click();
};

把需要下载的内容插入到 Blob 对象中，指明文件 MIME 类型。把 URL 传递给 a 标签，再通过点击事件让其执行下载。