javascript - 如何在 Javascript 中使用异步等待函数对象？

Question

假设我有一个函数对象-

setObj : function(a,b){
    obj.a = a;
    obj.b = b;
}

如果我必须在这个函数对象上使用 async & await，我该怎么做？

如果同样的写在函数（函数方式）中，比如说-

async function setObj(a,b){
    obj.a = a;
    obj.b = b;
}

await setObj(2,3);

这工作正常。但是，如果是函数对象，我该怎么做？

Answer 1

如果我正确理解您的问题，您可以async在方法声明前使用关键字：

let obj = {};
let myObj = {
    async setObj(a,b) {
        obj.a = a;
        obj.b = b;
    }
}

见http://tc39.github.io/ecmascript-asyncawait/#async-methods

更新

您不能await在异步函数之外使用。为了使用它，您必须将该调用包装到await setObj(2, 3)：

async function consoleLog() {
    await myObj.setObj(2, 3);
    console.log(obj.a + obj.b);
}

consoleLog();

Answer 2

在对象的属性中使用相同的async关键字：

(async function () {
  var obj = {};
  console.log("hello");

  let setObj = async function (a,b){
    obj.a = a;
    obj.b = b;
  };

  await setObj(2,3);

  console.log(obj.a+obj.b);
})();

请注意，整个代码都包装在一个异步自调用函数中。这是必需的，否则await setObj将无法正确运行。

Answer 3

使用箭头函数也可以

const myObject = {
   myFunc: async () => {
     await myResultHere
   }
}

使用这个：由于该函数是一个异步函数，它将异步运行。如果你想用 await 运行它，你必须在异步函数中使用它

const useFunc = async () => {
   const res = await myObject.myfunc();
} 

Answer 4

您可以简单地将async关键字放在任何函数上，不仅是函数声明，还包括函数表达式和对象的方法。例如：

作为对象的方法：

const Object = {
    async asyncFunction() {
        await MyExamplepromise
    }
}

作为变量：

const myFunc = async function () { await MyExamplepromise }

// this is how execute the function expression
// first () operator to execute, and use .then get access the resolved value
myFunc().then((val) => { console.log(val) })

---

另请注意，异步函数返回一个承诺，该承诺将使用异步函数返回的值进行解析，或者由于从异步函数中抛出未捕获的异常而被拒绝。