Javascript WinJS.xhr 不更新数组内容

Question

我开始使用 Javascript 开发 Win8 应用程序。我是 javascript 新手，因此我对这门语言不太熟悉。我正在尝试在我的代码中解析一个 json 响应并将其存储在一个数组中。现在我希望数组是具有特定属性的对象，我试图在解析步骤中设置这些属性。 但是，该数组似乎没有在 WinJS.xhr 部分中更新。为了更清楚，REF 1（下面代码中的注释）控制台输出工作正常，但是 REF 2（下面代码中的注释）控制台输出抛出如下错误：

JavaScript 运行时错误：无法获取未定义的属性“名称” 或空引用

var sampleArr = new Array();

WinJS.xhr({ url: "http://some-api-with-json-response" }).then(
       function (response) {
           var name= JSON.parse(response.responseText);
           sampleArr[0] = { Name: name.title };
           console.log("First chance:" + sampleArr[0].Name); //REF 1
           item_number++;
           };

console.log("Second chance:" + sampleArr[0].Name); //REF 2

谁能告诉我，我哪里出错了？

谢谢:)

Answer 1

问题在于 XHR 调用是在后台执行的，而在这种情况下，JavaScript 运行时会继续执行下一条语句 - REF2。因此，您试图在请求本身完成之前读取请求的结果。

解决方案是将访问结果的代码放在一个函数中，然后将其传递给then 方法的另一个调用，如下所示：

var sampleArr = new Array();

WinJS.xhr({ url: "http://some-api-with-json-response" }).then(
       function (response) {
           var name = JSON.parse(response.responseText);
           sampleArr[0] = { Name: name.title };
           console.log("First chance:" + sampleArr[0].Name); //REF 1
           item_number++;

       }).then(function () {
           console.log("Second chance:" + sampleArr[0].Name); //REF 2
       });

包含REF2 的函数在包含REF1 的函数完成之前不会执行，那个函数在XHR 请求完成之前不会执行。

Answer 2

.then(callback)，请求成功时会执行callback函数。

REF 2的代码在callback函数之前运行，此时sampleArr[0]就是undefined。