首页 编程 软件学院 查看内容

JavaScript异步函数

2017-6-12 01:03 |来自: 互联网 1531 0

摘要: JavaScript的主要优势之一就是任何事情都是异步的。在大多数情况下,不同部分的代码不会影响共他的代码执行。不幸的是,这也是JavaScript的一个主要缺点。因为默认情况下一切都是异步的,当你想同步执行代码是它会让 ...

JavaScript的主要优势之一就是任何事情都是异步的。在大多数情况下,不同部分的代码不会影响共他的代码执行。

不幸的是,这也是JavaScript的一个主要缺点。因为默认情况下一切都是异步的,当你想同步执行代码是它会让我们更加困难。

第一个要解决的问题就是回调。如果你的代码的一部分是依赖于其他的结果,我们将不得不嵌套代码:

在回调中嵌套回调,我们都知道这样不利于维护。所以Promise是一个很好的解决方案。可以更简洁,更扁平的方式处理同步代码。

正如你所看到的,Promise也并不完美。ES2017规范提供另一种方法来处理同步代码,那就是异步函数。这些能让我们编写异步代码就像是写同步代码。

创建一个异步函数

使用 async函数表达式来定义一个异步函数。下面显示的就是一个基本功能:

在定义的函数前使用 async,那这个函数作为一个异步函数。这个关键词可以用于任何函数声明的语法中:

一旦定义了一个函数作为一个异步函数,我们就可以使用 await 关键词。这个关键词放在回调的Promise之前,将会暂停执行函数,直到Promise执行或拒绝。

处理错误

异步函数中的错误处理可以使用 trycatch 块。第一个块是 try,让我们尝试一个动作。第二个块 catch ,叫做如果行动失败了。它接受一个paramter,包含抛出的任何错误。

使用一个异步函数

异步函数并不能真正的替代Promise。但两个可以一起携手合作。一个异步函数将 await 执行一个Promise和一个异步函数始终返回一个Promise。

异步函数返回的Promise将解决任何函数返回的值。

如果抛出一个错误,Promise将拒绝那个错误。

并行执行异步功能

使用Promise时,可以使用 Promise.all() 方法可以并行执行多个Promise。

使用异步函数,我们必须解决位置问题达到一样的效果。如果我们只是在一个序列的 await 函数中执行,他们将按顺序执行,因为 await 将会暂停执行其他函数。

这将需要 1000ms才能执行完,因为第二个 await 要等到第一个已经完成才会开始。为了解决这个问题,我们需要参考下面这个函数:

这仅仅需要 500ms就完成了,因为两个 pause500ms() 函数被同时执行。

Promise或异步函数

正如前面提到的,两个一起使用时,异步函数代替不了Promise。异步函数提供了一种替代方法,和在某些情况下更好的工作方式是基于Promise函数。但是,他仍然使用Promise。

因为返回一个Promise,所以一个异步函数可以由另一个异步函数或Promise调用。我们可以混合使用和根据匹配的语法选择适合的方法。

接下来将会发生:

  • 等待 1000ms

  • 打印出“foo complete!”

  • 打印出“bar complete!”

本文出处: http://www.toutiao.com/a6430203605776875777/
声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

最新评论

返回顶部