點(diǎn)擊下載
本文文檔

當(dāng)前位置：首頁 - 科技 - 知識(shí)百科 - 正文

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

來源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 22:32:47

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

JavaScript中使用Async實(shí)現(xiàn)異步控制:async官方DOC 介紹 node安裝 npm install async --save 使用 var async = require('async') js文件 github.com/caolan/asyn… async提供了很多函數(shù)用于異步流程控制，下面是async核心的幾個(gè)函數(shù)，完整的函數(shù)請看async官方DOC async.

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀JavaScript中使用Async實(shí)現(xiàn)異步控制:async官方DOC 介紹 node安裝 npm install async --save 使用 var async = require('async') js文件 github.com/caolan/asyn… async提供了很多函數(shù)用于異步流程控制，下面是async核心的幾個(gè)函數(shù)，完整的函數(shù)請看async官方DOC async.

async官方DOC

介紹

node安裝

npm install async --save

使用

var async = require('async')

js文件

github.com/caolan/asyn…

async提供了很多函數(shù)用于異步流程控制，下面是async核心的幾個(gè)函數(shù)，完整的函數(shù)請看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對象，參數(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對象，和 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:對數(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)異步控制，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

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

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

標(biāo)簽： js 中使用 javascript

熱門焦點(diǎn)

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

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

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

最新推薦

猜你喜歡

熱門推薦