异步箭头函数的语法

我可以用async关键字将JavaScript函数标记为“async”（即返回promise）。这样地：

async function foo() {
  // Do something
}

箭头函数的等效语法是什么？

当前回答

您还可以执行以下操作：

 YourAsyncFunctionName = async (value) => {

    /* Code goes here */

}

其他回答

async function foo() {
  // do something
}

相当于：

const foo = async () => {
   // do something
}

使用一个参数调用foo，如下例所示：

async function foo(arg1) {
  // do something
}

相当于这样调用foo（这两种方式都是可以接受的，因为括号是可选的，但当只提供一个参数时不需要）

const foo = async arg1 => {
  // do something
}

const foo = async (arg1) => {
  // do something
}

如果使用两个或多个参数调用foo

async function foo(arg1, arg2) {
  // do something
}

相当于：（现在需要括号）

 const foo = async (arg1, arg2) => {
    // do something
 }

对于一个内部有等待使用的实际示例：

const foo = async () => await Promise.resolve('done');

异步箭头函数如下所示：

const foo = async () => {
  // do something
}

对于传递给它的单个参数，异步箭头函数如下所示：

const foo = async evt => {
  // do something with evt
}

对于传递给它的多个参数，异步箭头函数如下所示：

const foo = async (evt, callback) => {
  // do something with evt
  // return response with callback
}

匿名表单也可以：

const foo = async function() {
  // do something
}

异步函数声明如下所示：

async function foo() {
  // do something
}

在回调中使用异步函数：

const foo = event.onCall(async () => {
  // do something
})

在类内部使用异步方法：

async foo() {
  // do something
}

基本示例

folder = async () => {
    let fold = await getFold();
    //await localStorage.save('folder');
    return fold;
  };

对于静态异步箭头函数，其工作方式如下：

static myFunction = async () => {
    // your code here
}

这是将异步箭头函数表达式分配给命名变量的最简单方法：

const foo = async () => {
  // do something
}

（注意，这并不严格等同于异步函数foo（）｛｝。除了函数关键字和箭头表达式之间的区别之外，这个答案中的函数并不是“吊到顶端”。）

推荐文章