码迷,mamicode.com
首页 > 其他好文 > 详细

【ES6】async

时间:2020-02-10 12:01:19      阅读:57      评论:0      收藏:0      [点我收藏+]

标签:ref   div   执行   完成   result   改进   async   get   参数   

async就是Generator函数的语法糖

将 Generator 函数的星号(*)替换成async,将yield替换成await

const gen = function* () {
  const f1 = yield readFile(‘/etc/fstab‘);
  const f2 = yield readFile(‘/etc/shells‘);
  console.log(f1.toString());
  console.log(f2.toString());
};

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

改进体现以下四点:

  1. 内置执行器。async函数的执行,与普通函数一模一样,只要一行。
    asyncReadFile(); 
  2. 更好的语义。
  3. 更广的适用性。co模块约定,yield命令后面只能是 Thunk 函数或 Promise 对象,而async函数的await命令后面,可以是 Promise 对象和原始类型的值(数值、字符串和布尔值,但这时会自动转成立即 resolved 的 Promise 对象)。
  4. 返回值是 Promise。async函数的返回值是 Promise 对象,这比 Generator 函数的返回值是 Iterator 对象方便多了。你可以用then方法指定下一步的操作。

基本用法 

async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。

async function getStockPriceByName(name) {
  const symbol = await getStockSymbol(name);
  const stockPrice = await getStockPrice(symbol);
  return stockPrice;
}

getStockPriceByName(‘goog‘).then(function (result) {
  console.log(result);
});

async函数内部return语句返回的值,会成为then方法回调函数的参数

参考:http://es6.ruanyifeng.com/#docs/async#%E8%AF%AD%E6%B3%95

【ES6】async

标签:ref   div   执行   完成   result   改进   async   get   参数   

原文地址:https://www.cnblogs.com/Mijiujs/p/12290079.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!