ECMAScript 6 （13） async 函数

我就是我 2023-07-08 02:45 9阅读 0赞

ES2017 标准引入了 async 函数，使得异步操作变得更加方便。

async 函数是什么？一句话，它就是 Generator 函数的语法糖。

前文有一个 Generator 函数，依次读取两个文件。

上面代码的函数`gen`可以写成`async`函数，就是下面这样。

const asyncReadFile = async function () {
      const f1 = await readFile('/etc/fstab');
      const f2 = await readFile('/etc/shells');
      console.log(f1.toString());
      console.log(f2.toString());
    };

一比较就会发现，`async`函数就是将 Generator 函数的星号（`*`）替换成`async`，将`yield`替换成`await`，仅此而已。

`async`函数对 Generator 函数的改进，体现在以下四点。

（1）内置执行器。

Generator 函数的执行必须靠执行器，所以才有了`co`模块，而`async`函数自带执行器。也就是说，`async`函数的执行，与普通函数一模一样，只要一行。

asyncReadFile();

上面的代码调用了`asyncReadFile`函数，然后它就会自动执行，输出最后结果。这完全不像 Generator 函数，需要调用`next`方法，或者用`co`模块，才能真正执行，得到最后结果。

（2）更好的语义。

`async`和`await`，比起星号和`yield`，语义更清楚了。`async`表示函数里有异步操作，`await`表示紧跟在后面的表达式需要等待结果。

（3）更广的适用性。

`co`模块约定，`yield`命令后面只能是 Thunk 函数或 Promise 对象，而`async`函数的`await`命令后面，可以是 Promise 对象和原始类型的值（数值、字符串和布尔值，但这时会自动转成立即 resolved 的 Promise 对象）。

（4）返回值是 Promise。

`async`函数的返回值是 Promise 对象，这比 Generator 函数的返回值是 Iterator 对象方便多了。你可以用`then`方法指定下一步的操作。

进一步说，`async`函数完全可以看作多个异步操作，包装成的一个 Promise 对象，而`await`命令就是内部`then`命令的语法糖。

参考：[https://es6.ruanyifeng.com/\#docs/async][https_es6.ruanyifeng.com_docs_async]

[https_es6.ruanyifeng.com_docs_async]: https://es6.ruanyifeng.com/#docs/async

ECMAScript 6 （13） async 函数

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 ECMAScript 6 （13） async 函数

相关 ECMAScript 6 （12） Generator 函数

相关【ECMAScript 6】箭头函数

相关 ES6学习笔记（13）——async函数

相关 ECMAScript6笔记：Generator 函数

相关 ECMAScript6笔记：Generator 函数

相关 ECMAScript6笔记：异步操作和Async函数

相关 ECMAScript 6（13）函数的扩展（2）——...运算符

相关 ECMAScript 6（13）对象的扩展

相关 ES6--async函数