javascript - 尝试返回 fetch 的响应数组以未定义结束

Question

这个问题已经有答案了:

Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference (7 个回答)

已关闭 5 年前。

这是我的代码:

   fetch(data)
    .then(blob => blob.json())
    .then(newData => array.push(newData))
let be = array[0].id;

我想访问我的数组数据，但最终得到未定义的结果，我不知道为什么。
After reloading page

但是它在控制台中运行得很好。
Working good with console.log

我已经在互联网上阅读了几个小时，但我似乎无法理解为什么会这样。

Answer 1

fetch 异步运行，因此，您可以执行类似的操作。

let array = [];
let be = '';

fetch(data)
 .then(blob => blob.json())
 .then(newData => {
    array.push(newData);
    be = array[0].id;
 });

一旦您调用 fetch 方法，当它等待来自服务器或您尝试获取信息的任何位置的响应时，I/O 不会停止并在等待响应时开始执行其余代码来自服务器。