javascript - 非空数组在选择其元素时返回未定义

Question

我已经编写了这个类，它在实例化后从数据库中检索数据，并且对于找到的每条记录都会实例化一个Issue立即存储到数组中的对象。

import { Issue } from "./Issue.js";

class App {

    constructor() {
        
        this.issues = [];

        fetch("/issues")
           
            .then(response => {

                if(response.ok) return response.json();
            })
            
            .then(issues => {

                issues.forEach(model => {
                    
                    let issue = new Issue(model);
                    this.issues.push(issue);
                })
            });

        console.log(this.issues);
    }
}
    
let app = new App();

此代码打印出一个数组，其中包含与数据库中的记录一样多的对象。

然而，奇怪的是，如果我尝试打印这个数组的一个元素，如下所示：

console.log(this.issues[0]);

我得到的输出只是“未定义”。这里发生了什么事？

标签： javascriptarrays