這篇文章主要講解了“Javascript如何異步編程async”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“Javascript如何異步編程async”吧！

我們提供的服務(wù)有：成都做網(wǎng)站、成都網(wǎng)站制作、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、大箐山ssl等。為上千企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的大箐山網(wǎng)站制作公司

async官方DOC

介紹

node安裝

npm install async --save

使用

var async = require('async')

js文件

https://github.com/caolan/async/tree/master/dist

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 ]

感謝各位的閱讀，以上就是“Javascript如何異步編程async”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)Javascript如何異步編程async這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！