• async


    async模块是为了解决嵌套金字塔,和异步流程控制而生.常用的方法介绍

    npm 安装好async模块,然后引入就可以使用 var async = require('async');

    1. series(tasks,[callback])

    多个函数从上到下依次执行,相互之间没有数据交互

     http://blog.csdn.net/zzwwjjdj1/article/details/51857959

    [javascript] view plain copy
     
    1. var task1 =function(callback){  
    2.   
    3.     console.log("task1");  
    4.     callback(null,"task1")  
    5. }  
    6.   
    7. var task2 =function(callback){  
    8.   
    9.     console.log("task2");  
    10.     callback(null,"task2")  
    11. }  
    12.   
    13. var task3 =function(callback){  
    14.   
    15.     console.log("task3");  
    16.     callback(null,"task3")  
    17. }  
    18.   
    19. async.series([task1,task2,task3],function(err,result){  
    20.   
    21.     console.log("series");  
    22.   
    23.     if (err) {  
    24.         console.log(err);  
    25.     }  
    26.   
    27.     console.log(result);  
    28. })  

    运行结果:

    如果中途发生错误,则将错误传递到回调函数,并停止执行后面的函数

    [javascript] view plain copy
     
    1. var task1 =function(callback){  
    2.   
    3.     console.log("task1");  
    4.     callback(null,"task1")  
    5. }  
    6.   
    7. var task2 =function(callback){  
    8.   
    9.     console.log("task2");  
    10.     callback("err","task2")  
    11. }  
    12.   
    13. var task3 =function(callback){  
    14.   
    15.     console.log("task3");  
    16.     callback(null,"task3")  
    17. }  
    18.   
    19. async.series([task1,task2,task3],function(err,result){  
    20.   
    21.     console.log("series");  
    22.   
    23.     if (err) {  
    24.         console.log(err);  
    25.     }  
    26.   
    27.     console.log(result);  
    28. })  


    运行结果:

    2.parallel(tasks,[callback])

    多个函数并行执行,不会等待其他函数

    [javascript] view plain copy
     
    1. var task1 =function(callback){  
    2.   
    3.     console.log("task1");  
    4.     setTimeout(function(){  
    5.         callback(null,"task1")  
    6.     },5000);  
    7.       
    8. }  
    9.   
    10. var task2 =function(callback){  
    11.   
    12.     console.log("task2");  
    13.   
    14.     setTimeout(function(){  
    15.         callback(null,"task2")  
    16.     },1000);  
    17. }  
    18.   
    19. var task3 =function(callback){  
    20.   
    21.     console.log("task3");  
    22.     setTimeout(function(){  
    23.         callback(null,"task3")  
    24.     },3000);  
    25. }  
    26. console.time("parallel方法");  
    27. async.parallel([task1,task2,task3],function(err,result){  
    28.   
    29.     console.log("parallel");  
    30.   
    31.     if (err) {  
    32.         console.log(err);  
    33.     }  
    34.   
    35.     console.log(result);  
    36.     console.timeEnd("parallel方法");  
    37. })  


    运行结果:

    3个函数分别延迟5000ms,1000ms,3000ms 结果5000ms就执行完毕.

    如果中途出错,则立即将err和值传到最终的回调函数,其他未执行完毕的函数将不再执行,但是要占一个位置

    [javascript] view plain copy
     
    1. var task1 =function(callback){  
    2.   
    3.     console.log("task1");  
    4.     setTimeout(function(){  
    5.         callback(null,"task1")  
    6.     },5000);  
    7.       
    8. }  
    9.   
    10. var task2 =function(callback){  
    11.   
    12.     console.log("task2");  
    13.   
    14.     setTimeout(function(){  
    15.         callback("errmessage","task2")  
    16.     },3000);  
    17. }  
    18.   
    19. var task3 =function(callback){  
    20.   
    21.     console.log("task3");  
    22.     setTimeout(function(){  
    23.         callback(null,"task3")  
    24.     },1000);  
    25. }  
    26. console.time("parallel方法");  
    27. async.parallel([task1,task2,task3],function(err,result){  
    28.   
    29.     console.log("parallel");  
    30.   
    31.     if (err) {  
    32.         console.log(err);  
    33.     }  
    34.   
    35.     console.log(result);  
    36.     console.timeEnd("parallel方法");  
    37. })  

    运行结果:

    3.waterfall(tasks,[callback]) :瀑布流

    依次执行,前一个函数的输出为后一个函数的输入

    [javascript] view plain copy
     
    1. var task1 =function(callback){  
    2.   
    3.     console.log("task1");  
    4.     callback(null,"11")  
    5.       
    6. }  
    7.   
    8. var task2 =function(q,callback){  
    9.   
    10.     console.log("task2");  
    11.     console.log("task1函数传入的值: "+q);  
    12.     callback(null,"22")  
    13. }  
    14.   
    15. var task3 =function(q,callback){  
    16.   
    17.     console.log("task3");  
    18.     console.log("task2函数传入的值: "+q);  
    19.     callback(null,"33")  
    20. }  
    21. console.time("waterfall方法");  
    22. async.waterfall([task1,task2,task3],function(err,result){  
    23.   
    24.     console.log("waterfall");  
    25.   
    26.     if (err) {  
    27.         console.log(err);  
    28.     }  
    29.   
    30.     console.log("result : "+result);  
    31.     console.timeEnd("waterfall方法");  
    32. })  

    执行结果:


    如果中途出现错误,后面的函数将不在执行,之前执行的结果和错误信息将直接传到最终的回调函数

    [javascript] view plain copy
     
    1. var task1 =function(callback){  
    2.   
    3.     console.log("task1");  
    4.     callback(null,"11")  
    5.       
    6. }  
    7.   
    8. var task2 =function(q,callback){  
    9.   
    10.     console.log("task2");  
    11.     console.log("task1函数传入的值: "+q);  
    12.     callback("errmessage","22")  
    13. }  
    14.   
    15. var task3 =function(q,callback){  
    16.   
    17.     console.log("task3");  
    18.     console.log("task2函数传入的值: "+q);  
    19.     callback(null,"33")  
    20. }  
    21. console.time("waterfall方法");  
    22. async.waterfall([task1,task2,task3],function(err,result){  
    23.   
    24.     console.log("waterfall");  
    25.   
    26.     if (err) {  
    27.         console.log(err);  
    28.     }  
    29.   
    30.     console.log("result : "+result);  
    31.     console.timeEnd("waterfall方法");  
    32. })  


    运行结果:

    4.parallelLimit(tasks,limit,[callback]) 

    和parallel类似,只是limit参数限制了同时并发执行的个数,不再是无限并发

    [javascript] view plain copy
     
    1. var task1 =function(callback){  
    2.   
    3.     console.log("task1");  
    4.     setTimeout(function(){  
    5.         callback(null,"task1")  
    6.     },5000);  
    7.       
    8. }  
    9.   
    10. var task2 =function(callback){  
    11.   
    12.     console.log("task2");  
    13.   
    14.     setTimeout(function(){  
    15.         callback(null,"task2")  
    16.     },3000);  
    17. }  
    18.   
    19. var task3 =function(callback){  
    20.   
    21.     console.log("task3");  
    22.     setTimeout(function(){  
    23.         callback(null,"task3")  
    24.     },4000);  
    25. }  
    26. console.time("parallelLimit方法");  
    27. async.parallelLimit([task1,task2,task3], 2, function(err,result){  
    28.   
    29.     console.log("parallelLimit");  
    30.   
    31.     if (err) {  
    32.         console.log(err);  
    33.     }  
    34.   
    35.     console.log(result);  
    36.     console.timeEnd("parallelLimit方法");  
    37. })  


    运行结果:

    三个函数分别是延迟5000ms,3000ms,4000ms结果执行时间为什么是7000ms呢

    因为首先执行函数1和2,

    3秒后函数2执行完毕,这个时候函数3开始执行,

    5秒后函数1执行完毕,函数3还有2秒,

    7秒后函数3执行完毕.

    5.auto(tasks,[callback]) 

    多个函数有数据交互,有的并行,有的依次执行

    [javascript] view plain copy
     
    1. console.time("auto方法");  
    2. async.auto({  
    3.    task1: function(callback){  
    4.     console.log("tsak1");  
    5.     setTimeout(function(){  
    6.       callback(null, 'task11', 'task12');  
    7.     },2000);  
    8.    },  
    9.    task2: function(callback){   
    10.     console.log('task2');  
    11.     setTimeout(function(){         
    12.       callback(null, 'task2');  
    13.     },3000);  
    14.    },  
    15.    task3: ['task1', 'task2', function(callback, results){  
    16.     console.log('task3');  
    17.     console.log('task1和task2运行结果: ',results);  
    18.     setTimeout(function(){          
    19.       callback(null, 'task3');  
    20.     },1000);  
    21.    }],  
    22.    task4: ['task3', function(callback, results){  
    23.     console.log('task4');  
    24.     console.log('task1,task2,task3运行结果: ',results);  
    25.     setTimeout(function(){  
    26.         callback(null, {'task41':results.task3, 'task42':'task42'});  
    27.      },1000);  
    28.    }]  
    29. }, function(err, results) {  
    30.    console.log('err :', err);  
    31.    console.log('最终results : ', results);  
    32.    console.timeEnd("auto方法");  
    33. });  


    运行结果:

    5秒运行完毕,

    函数1和2并行,3秒执行完毕,

    函数1和2执行完毕后,函数3,4依次执行共计5秒.

    6.whilst(test,fn,[callback]) 

    相当于while循环,fn函数里不管是同步还是异步都会执行完上一次循环才会执行下一次循环,对异步循环很有帮助,

    test是条件,为true时执行fn里的方法

    [javascript] view plain copy
     
    1. var datalist = [{number:10},{number:20},{number:30},{number:40},{number:50}];  
    2. var count = 0;  
    3.   
    4. var test = function () {  
    5.     return count<datalist.length;  
    6. };  
    7.   
    8. var fn = function(callback){  
    9.     console.log(datalist[count].number);  
    10.     setTimeout(function () {  
    11.         count++;  
    12.         callback();  
    13.     },1000)  
    14. };  
    15.   
    16. async.whilst(test,fn,function(err){  
    17.     if(err){  
    18.         console.log(err);  
    19.     }  
    20.     console.log('whilst结束');  
    21. });  


    运行结果:

    7.doWhilst

    和whilst类似,和do-while一个意思,首先执行一次fn,再判断,和whilst相比它把fn和test位置交换了而已.

    until和whilst相反,当test判断为false的时候执行fn里的方法,为true时跳出,

    doUntil与doWhilst相反.

    8.forever(fn,errback)

    forever就是无限循环了.只有当中途出现错误的时候才会停止

    [javascript] view plain copy
     
    1. var count = 0;  
    2. async.forever(function(callback){  
    3.     console.log(count);  
    4.     count++;  
    5.   
    6.     if (count>10) {  
    7.         callback("errmessage");  
    8.         return;  
    9.     }  
    10.   
    11.     setTimeout(function () {  
    12.         callback();  
    13.     },1000)  
    14. },  
    15. function(err){  
    16.     console.log(err);  
    17. });  


    运行结果:

    9.compose(fn1,fn2,fn3...)

    这个方法会创建一个异步的集合函数,执行的顺序是倒序.前一个fn的输出是后一个fn的输入.有数据交互

    [javascript] view plain copy
     
    1. var task1 =function(m,callback){  
    2.   
    3.     console.log("task1");  
    4.     setTimeout(function(){  
    5.         callback(null,m*2)  
    6.     },1000);  
    7.       
    8. }  
    9.   
    10. var task2 =function(m,callback){  
    11.   
    12.     console.log("task2");  
    13.   
    14.     setTimeout(function(){  
    15.         callback(null,m+3)  
    16.     },1000);  
    17. }  
    18.   
    19. var task3 =function(m,callback){  
    20.   
    21.     console.log("task3");  
    22.     setTimeout(function(){  
    23.         callback(null,m*5)  
    24.     },1000);  
    25. }  
    26. console.time("compose方法");  
    27.   
    28. var com = async.compose(task3,task2,task1);  
    29.   
    30. com(2,function(err,result){  
    31.     if (err) {  
    32.         console.log(err);  
    33.     }  
    34.     console.log(result);  
    35.     console.timeEnd("compose方法");  
    36. })  


    运行结果:

    相当于 var m=2; (m*2+3)*5 =35;

    在我的项目开发中waterfall用的最多.

  • 相关阅读:
    .net Core
    4.1 愚人节
    迷茫了....
    关于Plupload结合上传插件jquery.plupload.queue的使用
    兼容浏览器 回车键 keydown事件
    JS判断是否是IE浏览器的几种方式
    IE IE8 iframe的onload方法分析 IE浏览器onload事件失效
    java 获取请求的完整url地址
    SQLSERVER 数据库基础操作
    java 四舍五入 保留两位小数
  • 原文地址:https://www.cnblogs.com/jayruan/p/7841574.html
Copyright © 2020-2023  润新知