ECMAScript 2017 中的 async 函数：延迟和处理异常
在 Javascript 异步编程中，回调函数已经成为了老生常谈的话题。回调地狱使得代码难以阅读和维护。在 ECMAScript 2017 中，新增了 async 函数，让异步编程变得更容易。
async 函数是一种异步函数的定义方式，它返回一个 Promise 对象。在 async 函数中，我们可以使用 await 关键字等待一个 Promise 对象的状态变为 resolved 状态，然后得到 resolved 状态的值。
延迟
在编写异步代码的时候，我们常常需要延迟一段时间再执行某个操作，例如等待一段时间后再弹出提示框。传统的解决方式是使用 setTimeout 函数，但是这种方式不仅看起来别扭，也会造成代码的不一致性。使用 async 函数可以让延迟操作变得更加简单。
我们可以写出一个简单的示例代码，使用 async 函数实现延迟操作。
-- -------------------- ---- ------- -------- ----------- - ------ --- --------------- -- ------------------- ------- - ----- -------- ----------- - -------------------- ----- ------------ -------------------- - ------------
在上面的代码中，我们定义了一个 delay 函数，它会返回一个 Promise 对象，这个 Promise 对象会在 time 毫秒之后 resolve。我们定义了一个 testDelay 函数，其中使用了 await delay(1000)；这一行表示等待 1000 毫秒，然后才会执行后面的代码。
如果你运行这段代码，就会看到在延迟了 1000 毫秒之后，控制台输出了 "执行结束"。
异常处理
在异步编程中，出现异常是经常发生的事情。async 函数可以非常简单地进行异常处理。如果 async 函数中的任意一个步骤出现了异常，那么该函数的异常就会被抛出。
我们可以写出一个简单的示例代码，使用 async 函数实现异常处理。
-- -------------------- ---- -------
----- -------- --------------- -
--- -
----- ------------------ ---------------
- ----- ------- -
---------------------------
-
-
----------------在上面的代码中，我们定义了一个 testException 函数，其中使用了 await Promise.reject(new Error("出现错误"))；这一行表示在这个 Promise 对象中出现了错误。在 testException 函数中使用了 try...catch 结构进行异常处理，输出错误的信息。
如果你运行这段代码，就会看到控制台输出了 "出现错误"。
总结
使用 async 函数可以让异步编程更加简单易读，避免了回调地狱的问题。在使用 async 函数时，需要注意延迟操作和异常处理。通过本文的学习，你已经掌握了 async 函数的基本用法和注意事项。现在就去尝试一下吧！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f38677f6b2d6eab3ce401b