美文网首页
es7-async函数

es7-async函数

作者: 幸宇 | 来源:发表于2020-03-25 20:55 被阅读0次

    含义

    async 是es7里提供的函数,使得异步操作更加方便,它是Generator函数的语法糖;
    Generator函数:(以下依此读取两个文件)

    var fs = require('fs');
    var readFile = function(fileName){
      return new Promise(function(resolve,reject){
          fs.readFile(fileName,function(error,data){
              if(error) reject(error);
              resolve(data);
          })
      })
    }
    
    var gen = function(){
      var f1 = yield readFile('/etc');
      var f2 = yield readFile('/etc/a');
    
    }
    

    写成asyc函数,如下:

    var asynReadFile = async function(){
      var f1 = await readFile('/etc/');
      var f2 = await readFile('/etc/')
    }
    

    一比较就会发现,async函数就是将Generator函数的星号(*)替换成async,将yield替换成await,仅此而已。

    async 函数相比Generator函数的优点:

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

    var result = asyncReadFile();
    

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

    2、更好的语义。async和await,比起星号和yield,语义更清楚了。async表示函数里有异步操作,await表示紧跟在后面的表达式需要等待结果。
    (3)更广的适用性。 co模块约定,yield命令后面只能是Thunk函数或Promise对象,而async函数的await命令后面,可以是Promise对象和原始类型的值(数值、字符串和布尔值,但这时等同于同步操作)。

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

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

    --------摘抄记下

    相关文章

      网友评论

          本文标题:es7-async函数

          本文链接:https://www.haomeiwen.com/subject/gptfuhtx.html