异步/等待返回结果不承诺

Question

我对异步/等待很困惑。我一直在阅读关于 s/o 的答案，但我不明白 async/await 是否真的做了我想要的。

我正在尝试以同步方式返回异步调用的结果，也许这就是我失败的原因，也许不是为此而设计的？我不想返回回调（或承诺），而是返回一个结果。

这就是我一直在尝试做的事情

 let namespace = {};

 namespace.Test = class{

      constructor(){

      }        


      async get(){
           let response = await this._load();       
           let data = await response;
           console.log(data); //Logs my data but return Promise instead
           return data;  
      }

     _load(){
         let promise = new Promise((resolve, reject) => {       
             fetch('https://jsonplaceholder.typicode.com/todos/1')
            .then(function(response){
                resolve(response.json());                
            }).catch(error =>  reject(error));           
         });
         return promise;
     }

  }


  //The goal is to figure out if I can have that
  let myTest = new namespace.Test();
  //Here I want data NOT a promise
  let res = myTest.get();

  console.log(res); //logs a Promise but I want what has been resolved instead

我认为解决 _load 中的承诺，然后在 get 中使用 await 可以做到这一点？

Answer 1

我正在尝试以同步方式返回异步调用的结果

那是不可能的。异步函数同步返回的唯一内容是一个 Promise（所有异步函数都返回 Promise，按照设计）。异步函数使使用 Promise 的语法更容易，但它们仍然是异步的。

当您在异步函数中使用await 时，这将延迟返回的承诺解决所需的时间。这很好：如果任何代码正在等待该承诺，它将等待更长的时间，因此将推迟到您的异步功能完全完成。但是等待承诺不是自动的；你要么需要使用 promise 的 .then 方法，要么需要在 async 函数中使用 await 关键字。

let resPromise = myTest.get();
resPromise.then(res => console.log(res));

async someFunction() {
  const res = await myTest.get();
  console.log(res);
}

Answer 2

由于fetch() 已经返回了一个promise，没有理由将它包装在另一个promise 中。

 _load(){ return fetch('https://jsonplaceholder.typicode.com/todos/1')}

Answer 3

我们可以通过在全局自调用函数中指定异步来尝试这个，

(async function() {
let namespace2 = {};

 namespace2.Test = class{

      constructor(){

      }        


      async get(){
           let response = await this._load();       
           let data = await response;
           console.log(data); //Logs my data but return Promise instead
           return data;  
      }

     _load(){
         let promise = new Promise((resolve, reject) => {       
             fetch('https://jsonplaceholder.typicode.com/todos/1')
            .then(function(response){
                resolve(response.json());                
            }).catch(error =>  reject(error));           
         });
         return promise;
     }

  }



  //The goal is to figure out if I can have that
  let myTest2 = new namespace2.Test();
  //Here I want data NOT a promise
  let res2 = await myTest2.get();

  console.log(res2);
})();

Answer 4

您可以通过await 执行此操作（请参阅https://developer.mozilla.org/de/docs/Web/JavaScript/Reference/Operators/await）

所以你只需写：

//Here I want data NOT a promise
let res = await myTest.get();

console.log(res); 现在将返回解析后的值。