JavaScript获取API-为什么不响应。json（）返回promise对象（而不是json）？[副本]

Question

我刚刚开始学习获取API：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

下面是我编写的一段代码片段，用于修补：

fetch('http://swapi.co/api/people/1')
  .then(function(response) {
    var json = response.json();

    console.log(json);
    // Expected : { "name": "Luke Skywalker","height": "1.72 m", ... } 
    // Get : Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}
  }); 

我希望从响应中得到一个JSON对象。json（）。

与使用JSON时得到的类似。parse（）。

相反，我得到了一个promise对象。

如果我像这里所示的那样扩大promise链...

return response.json().then(function(json) {
      // process your JSON further
});

... 然后它工作：在下面promise的then方法中，它显示为json。

为什么我不能在第一个promise的then（）中检索JSON数据？

谁能解释一下这里发生了什么事？

我会非常感激的。

Answer 1

因为response.json（）返回另一个promise（在函数体中）

https://developer.mozilla.org/en-US/docs/Web/API/Body/json