概述
在 ES8 中引入了新的关键字 async 和 await，以及 Async Function 类型，可以方便地处理异步操作，取代了之前需要使用回调函数或者 Promise 来处理的方式。在 ES8 中， Async Function 以同步的方式执行，并且能够通过 await 命令来暂停代码的执行，等待异步操作完成。在本文中，我们将比较 Async Function 和 Promise 之间的异同，以及讨论如何使用 Async Function 来处理异步操作。
Promise 的特点
在 ES6 中，我们已经学习了 Promise 的使用，Promise 可以串行和并行地处理异步任务。在并行操作中，我们可以将多个 Promise 对象通过 Promise.all() 方法组合成一个新的 Promise 对象来等待它们全部完成。在串行操作中，我们可以使用 .then() 方法来链接多个 Promise 对象的操作。
举个例子，一个简单的异步操作如下：
function asyncFunc() {
return new Promise(resolve => {
setTimeout(() => {
resolve('Async Hello world');
}, 1000);
});
}接下来，我们使用串行操作来打印一个 Promise 链：
asyncFunc()
.then(result => {
console.log(result);
return 'done';
})
.then(result => {
console.log(result);
});or 通过 Promise.all() 方法来实现一个并行的异步操作：
Promise.all([
asyncFunc(),
asyncFunc()
]).then(results => {
console.log(results);
});Promise 的特点是，它是基于回调函数的异步操作，通过 .then() 方法来链接多个异步操作，实现串行的操作。我们可以使用 .catch() 方法来捕获操作中的错误。
Async Function 的特点
Async Function 是 ES8 中的新类型，与 Promise 不同， Async Function 是基于 await 命令的，可以暂停代码的执行，等待异步操作完成。这使得代码的编写变得非常简单和高效。
以下是 Async Function 的一个例子：
async function asyncFunc() {
return 'Async Hello world';
}同样，我们可以使用串行操作来链接多个 Async Function，如下所示：
-- -------------------- ---- -------
----- -------- ----------- -
------ ------ ----- -------
-
----- -------- ------------ -
--- ------ - ----- ------------
--------------------
------ -------
-
------------
------------ -- -
--------------------
---可以发现，我们使用 async 命令定义了一个 Async Function，使用 await 命令来暂停代码的执行，等待异步操作完成，就像同步代码一样简单。
Async Function 可以通过 try...catch 来捕获异常：
-- -------------------- ---- -------
----- -------- ----------- -
----- --- ----------------
-
----- -------- ------------ -
--- -
----- ------------
- ----- ----- -
-----------------
-
-
-------------比较 Async Function 和 Promise
接下来，我们将比较 Async Function 和 Promise 之间的异同。
异同点
Async Function是基于await命令的，而Promise是基于回调函数的。Async Function的执行方式更像同步代码，语法更加简洁。Async Function可以使用try...catch捕获异常，而Promise只能使用.catch()方法。Async Function支持并行和串行操作，但是在并行操作中，我们需要使用Promise.all()方法来组合多个异步操作。
学习和指导意义
对于前端开发人员来说，Async Function 提供了更加优雅和简洁的方式来处理异步操作。一个 Async Function 的组合链看起来非常类似于同步的代码，这使得我们能够更加高效地编写复杂的异步代码。
当然， Async Function 并不能完全取代 Promise，因为它们有不同的使用场景。例如，在处理多个并行异步操作的情况下，我们仍然需要使用 Promise.all() 方法。
因此，在编写异步代码时，我们建议使用 Async Function，因为它能够提高我们代码的可读性和维护性。
结论
Async Function 是 ES8 中的一个非常有用的新类型，可以方便地处理异步操作，并且代码看起来更加简洁和优雅。 Async Function 和 Promise 之间存在着异同点，我们需要根据使用场景来确定需要使用哪种方式。在学习和使用 Async Function 时，我们需要注意它的语法和如何组合异步操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/674c1ff614b275ea6fe57d28