快捷導(dǎo)航

JavaScript中使用Async實(shí)現(xiàn)異步控制

更新時(shí)間：2017年08月15日 08:44:06 投稿：mrr

async提供了很多函數(shù)用于異步流程控制，下面是async核心的幾個(gè)函數(shù)，大家通過本文學(xué)習(xí)下，對(duì)使用async 實(shí)現(xiàn)異步控制相關(guān)知識(shí)，感興趣的朋友一起看看吧

async官方DOC

介紹

node安裝

npm install async --save

使用

var async = require('async')

js文件

github.com/caolan/asyn…

async提供了很多函數(shù)用于異步流程控制，下面是async核心的幾個(gè)函數(shù)，完整的函數(shù)請(qǐng)看async官方DOC

async.map(['file1','file2','file3'], fs.stat, function(err, results) {
  // results is now an array of stats for each file
  });
  async.filter(['file1','file2','file3'], function(filePath, callback) {
   fs.access(filePath, function(err) {
    callback(null, !err)
   });
  }, function(err, results) {
    // results now equals an array of the existing files
  });
  async.parallel([
    function(callback) { ... },
    function(callback) { ... }
  ], function(err, results) {
    // optional callback
  });
  async.series([
    function(callback) { ... },
    function(callback) { ... }
  ]);

series串行

series 的作用就是按照順序一次執(zhí)行。

async.series([
 function(callback) {
  setTimeout(function() {
   callback(null, 1)
    }, 2000);
  },
 function(callback) {
  callback(null, 2);
 }],
 function(err, results) {
  console.log(results);
 });

輸出結(jié)果為

[ 1, 2 ]

series 函數(shù)的第一個(gè)參數(shù)可以是一個(gè)數(shù)組也可以是一個(gè)JSON對(duì)象，參數(shù)類型不同，影響的是返回?cái)?shù)據(jù)的格式。

async.series({
  one: function(callback){
    callback(null, 1);
  },
  two: function(callback){
    callback(null, 2);
  }
},function(err, results) {
  console.log(results);
});

輸出為

{one: 1, two: 2}

waterfall瀑布流

waterfall 和 series 函數(shù)都是按照順序執(zhí)行，不同之處是 waterfall 每個(gè)函數(shù)產(chǎn)生的值都可以傳遞給下一個(gè)函數(shù)， series 不可以。

async.waterfall([
  function(callback) {
    callback(null, 'one', 'two');
  },
  function(arg1, arg2, callback) {
    // arg1 now equals 'one' and arg2 now equals 'two'
    console.log('function 2')
    console.log('arg1: ' + arg1)
    console.log('arg2: ' + arg2)
    callback(null, 'three');
  },
  function(arg1, callback) {
    console.log('function 3')
    console.log('arg1: ' + arg1)
      // arg1 now equals 'three'
    callback(null, 'done');
  }
], function(err, result) {
  // result now equals 'done'
  console.log(result);
});

輸出

function 2
arg1: one
arg2: two
function 3
arg1: three
done

waterfall 第一個(gè)參數(shù)只能為數(shù)組。當(dāng)中途有函數(shù)出錯(cuò)，其err直接傳給最終callback，結(jié)果被丟棄，后面的函數(shù)不再執(zhí)行。

parallel(tasks, [callback])

paraller 函數(shù)是并行執(zhí)行多個(gè)函數(shù)，每個(gè)函數(shù)都是立即執(zhí)行，不需要等待其它函數(shù)先執(zhí)行。

傳給最終callback的數(shù)組中的數(shù)據(jù)按照tasks中聲明的順序，而不是執(zhí)行完成的順序。

async.parallel([
  function(callback){
    callback(null, 'one');
  },
  function(callback){
    callback(null, 'two');
  }
],
function(err, results){

});

tasks參數(shù)可以是一個(gè)數(shù)組或是json對(duì)象，和 series 函數(shù)一樣，tasks參數(shù)類型不同，返回的results格式會(huì)不一樣。

將示例中tasks的回調(diào)函數(shù)用setTimeout在1000毫秒后調(diào)用，然后在 parallel 的回調(diào)函數(shù)中輸出results，看一看整個(gè)過程花費(fèi)了1s還是2s。

var async=require("async");
async.parallel([
  function(callback){
    setTimeout(function(){
      callback(null, 'one')
    },1000);
  },
  function(callback){
    setTimeout(function(){
      callback(null, 'two')
    },1000);
  }
],
function(err, results){
  console.log(results);
});
parallelLimit(tasks, limit, [callback])

parallelLimit 函數(shù)和 parallel 類似，但是它多了一個(gè)參數(shù)limit。 limit參數(shù)限制任務(wù)只能同時(shí)并發(fā)一定數(shù)量，而不是無限制并發(fā)，示例如下：

async.parallelLimit([
  function(callback){
    callback(null, 'one');
  },
  function(callback){
    callback(null, 'two');
  }
],
2,
function(err, results){
});

將示例中tasks的回調(diào)函數(shù)用setTimeout在1000毫秒后調(diào)用，limit參數(shù)設(shè)置為1，然后在parallelLimit的回調(diào)函數(shù)中輸出results，看一看整個(gè)過程花費(fèi)了1s還是2s。

var async=require("async");
async.parallelLimit([
  function(callback){
    setTimeout(function(){
      callback(null, 'one');
    }, 1000);
  },
  function(callback){
    setTimeout(function(){
      callback(null, 'two');
    }, 1000);
  }
],
1,
function(err, results){
  console.log(results);
});
map(coll, iteratee, callbackopt)

map 函數(shù)遍歷傳入的數(shù)組，并執(zhí)行同樣的操作，最終返回結(jié)果

cool:數(shù)組

iteratee:對(duì)數(shù)組每一項(xiàng)要執(zhí)行的函數(shù)

callbackopt:回調(diào)函數(shù)

async.map([1, 2, 3, 4, 5],
  function(item, callback) {
    callback(null, item + 5)
  },
  function(err, result) {
    console.log(result)
  })
[ 6, 7, 8, 9, 10 ]

總結(jié)

以上所述是小編給大家介紹的JavaScript中使用Async實(shí)現(xiàn)異步控制，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章: