链异步功能

时间:2016-07-28 19:03:48

标签: javascript async-await ecmascript-2017

在异步函数中,我可以得到一个像这样的异步值:

const foo = await myAsyncFunction()

如果我想在结果上调用方法,使用同步功能,我会做myAsyncFunction().somethingElse()

之类的操作

是否可以使用异步函数链接调用,还是必须为每个结果分配一个新变量?

4 个答案:

答案 0 :(得分:25)

您可以在表达式中等待,无需将其分配给新变量。

const foo = await (await myAsyncFunction()).somethingElseAsync()

或者如果你想在结果上调用同步方法:

const foo = (await myAsyncFunction()).somethingElseSync()

答案 1 :(得分:1)

This answer(由Tamas Hegedus撰写,带有await表达式的括号绝对是使用香草JavaScript的方法。

或者,如果您正在寻找通常链接的JS方法,并且不介意第三方模块,则可以在npm上使用async-af。这样,您可以像这样链接异步方法:

const promises = [1, 2, 3].map(n => Promise.resolve(n));

AsyncAF(promises).map(n => n * 2).filter(n => n !== 4).forEach(n => console.log(n));
// logs 2 then 6
<script src="https://unpkg.com/async-af@7.0.11/index.js"></script>

答案 2 :(得分:1)

你可以试试这个包。

// Instead of thens
fetch(url)
  .then(res => res.json())
  .then(json => json.foo.bar)
  .then(value => console.log(value))

// Instead of awaits
const res = await fetch(url)
const json = await res.json()
const value = json.foo.bar
console.log(value)

// With prochain
const value = await wrap(fetch(url)).json().foo.bar
console.log(value)

答案 3 :(得分:1)

我很惊讶它还没有被提及,但在没有额外变量的情况下实现这一点的最易读的方法可能是使用 .then 链,最后使用 await

await myAsyncFunction()
  .then(res => res.somethingElse())

请记住,await 与 Promise 一起使用,但不会替换它们!