Question

此代码是一个外部文件test.js，它在jQuery文件之后链接到index.html。当我刷新浏览器并进入控制台时，我收到以下错误消息：

未捕获的TypeError：无法读取属性＆＃39; starshipName＆＃39;未定义的

在第20行，我尝试提醒数组中第一项的starshipName属性。

var starships = [];

function starship(starshipName, model, manufacturer) {
  this.starshipName = starshipName;
  this.model = model;
  this.manufacturer = manufacturer;
}

function starshipData(data) {
  for (i = 0; i < data.results.length; i++) {
    var results = data.results[i];
    starships.push(new starship(results["name"], results["model"], results["manufacturer"]));
  }
}

$.getJSON('https://swapi.co/api/starships/', function(data) {
  starshipData(data);
});

alert(starships[0].starshipName);

然而，当我输入最后一行代码或将星舰阵列记录到控制台时，它完美无缺。我很困惑为什么会这样，并将感谢任何帮助！提前谢谢。

Answer 1

$.getJSON是一个异步函数。这意味着在alert()填充数据之前调用starships - 因此未定义属性错误。

依赖于异步函数的所有操作都必须放在回调中或从回调中调用。试试这个：

$.getJSON('https://swapi.co/api/starships/', function(data) {
  starshipData(data);

  // 1: place the call in the callback
  // 2: always use console.log to debug as it does not coerce data types
  console.log(starships[0].starshipName);
});

意外未捕获的TypeError

1 个答案: