Javascript 使用fetch时如何访问JSON？

我正在使用fetch（）导入一个名为map.json的json文件，但似乎无法访问它。这是我的密码：

export function importJSON(url) {
    return fetch(url)
        .then(r => r.json())
        .then(data => {
            return data;
        });

}

然后我将函数调用一个名为json的变量，并将其记录到控制台：

const json = importJSON('../src/JSON/map.json');
console.log(json);

但是，当我记录它时，它不仅仅说明我的JSON文件是什么，它只是显示了承诺，我不知道如何访问它，它在[[PromiserResult]]下：

Promise {<pending>}
__proto__: Promise
[[PromiseState]]: "fulfilled"
[[PromiseResult]]: Object
map: {platform: {…}}
__proto__: Object

Promise{}
__承诺
[[PromiseState]]：“已履行”
[[PromiserResult]]：对象
映射：{平台：{…}}
__原型：对象

承诺之下是JSON（正如您可以看到的地图和平台）。

---

如何访问JSON？

您可以使用异步IIFE（立即调用的函数表达式）执行此操作：

---

可以使用异步IIFE（立即调用的函数表达式）执行此操作：

---

嗯，这是一个承诺，所以

importJSON（'../src/JSON/map.JSON'）。然后（JSON=>console.log（JSON））

或者您可以使用async wait。非常感谢您，您帮了很多忙！嗯，这是一个承诺，所以

importJSON（'../src/JSON/map.JSON'）。然后（JSON=>console.log（JSON））

或者您可以使用async wait。非常感谢您，您帮了很多忙！

(async () => {
    const json = await importJSON('../src/JSON/map.json');
})();