如何检索异步获取PromiseValue？

Question

我试图以异步方式获取获取结果，如下所示：

var result = await fetch(`/api/collection/get-collection.php?name=${this._name}`, {method: `GET`});
console.log(result.json());

但是当我看控制台时，我得到了这个：

Promise {<pending>}
  __proto__: Promise
  [[PromiseStatus]]: "resolved"
  [[PromiseValue]]: Object
    content: (176) [...]
    extra: {...}
    message: ...
    __proto__: Object

所以我觉得当谈到console.logpromise仍然悬而未决？（有一个工具提示说“刚才评估了下面的值”，所以我猜它是在promise解决时更新的？当然，下面的代码（此处未显示）不起作用，因为它需要读取的返回值。我甚至不知道如何访问PromiseValue。

进行异步读取调用的正确方法是什么？

附言：我用的是香草JS。

Answer 1

您可以像这样使用async await执行fetch调用。

try {

   const response = await fetch(`/api/collection/get-collection.php?name=${this._name}`, {method: `GET`});

   const result = await response.json()

   // do something with the data
   console.log(data);

} catch(error) {

  // your error handling code

  console.log(error)

}

如果不想使用async Wait，则可以使用。然后来解决promise。

 fetch(`/api/collection/get-collection.php?name=${this._name}`, {method: `GET`})
        .then(res => res.json())
        .then(data => {
           // do something with the data
           console.log(data)
         })
        .catch(error => {
            // your error handling code
            console.log(error)
         });