在浏览器和 NodeJS 中加载 JSON 文件的单一 API？

Question

是否有现有的 API 或库可用于在浏览器和 Node 中加载 JSON 文件？

我正在开发一个模块，我打算通过 NodeJS 的命令行和浏览器运行该模块。我正在使用两者通用的最新语言特性（并且不需要支持旧版浏览器），包括类关键字和 ES6 导入语法。有问题的类需要加载一系列 JSON 文件（其中第一个文件标识需要加载的其他文件），我的偏好是按原样访问它们（它们是外部定义的并与其他工具共享）。

“导入”命令看起来可能适用于第一个 JSON 文件，但我没有看到使用该命令将一系列文件（由第一个文件确定）加载到变量中的方法。

一种选择是将辅助函数传递给类以加载文件，根脚本将根据 NodeJS 或浏览器的需要填充该函数。

另外，我目前的主要想法是定义一个单独的模块，其中包含一个可以导入的“异步函数 loadFile(fn)”函数，并设置路径以使不同版本的该文件为浏览器和 NodeJS 加载。

这似乎应该有一个原生选项，或者其他人已经为其编写了一个模块，但我还没有找到。

Answer 1

对于节点，从 npm 安装 node-fetch 模块。

请注意，浏览器fetch 不能直接与您的文件系统对话——它需要请求另一端的 HTTP 服务器。 Node 可以与您的文件系统通信，也可以对服务器进行 HTTP 调用。

Answer 2

现在听起来，这里没有完美的解决方案。 'fetch' API 是最有前途的，但前提是 Node 有一天会实现它。

与此同时，我已经选择了一个简单的解决方案，该解决方案可以无缝地以最少的依赖项工作，只需要对我的 ExpressJS 服务器路径进行一点魔法即可将服务的 Web 实例指向不同版本的 utils.js。

注意：要在 NodeJS (v14+) 中使用 ES 样式的导入语法，您必须在 package.json 中设置 "type":"module"。有关详细信息，请参阅https://nodejs.org/api/esm.html#esm_package_json_type_field。这对于真正的共享代码库是必要的。

使用它的模块（NodeJS + 浏览器运行相同的文件）：

import * as utils from "../utils.js";
...
var data = await utils.loadJSON(filename);
...

浏览器的utils.js：

async function loadJSON(fn) { 
    return $.getJSON(fn); // Only because I'm using another JQuery-dependent lib
    /* Or natively something like
    let response = await fetch(fn);
    return response.json();
    */
}

export { loadJSON };

nodeJS 的 utils.js

import * as fs from 'fs';

async function loadJSON(fn) {
    return JSON.parse(await fs.promises.readFile(fn));
}

export { loadJSON };