Javascript異步編程async實現(xiàn)過程詳解
介紹
node安裝
npm install async --save
使用
var async = require('async')
js文件
https://github.com/caolan/async/tree/master/dist
async提供了很多函數(shù)用于異步流程控制，下面是async核心的幾個函數(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ù)的第一個參數(shù)可以是一個數(shù)組也可以是一個JSON對象，參數(shù)類型不同，影響的是返回數(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每個函數(shù)產(chǎn)生的值都可以傳遞給下一個函數(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第一個參數(shù)只能為數(shù)組。當中途有函數(shù)出錯，其err直接傳給最終callback，結(jié)果被丟棄，后面的函數(shù)不再執(zhí)行。
parallel(tasks, [callback])
paraller函數(shù)是并行執(zhí)行多個函數(shù)，每個函數(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ù)可以是一個數(shù)組或是json對象，和series函數(shù)一樣，tasks參數(shù)類型不同，返回的results格式會不一樣。
將示例中tasks的回調(diào)函數(shù)用setTimeout在1000毫秒后調(diào)用，然后在parallel的回調(diào)函數(shù)中輸出results，看一看整個過程花費了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類似，但是它多了一個參數(shù)limit。 limit參數(shù)限制任務(wù)只能同時并發(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，看一看整個過程花費了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ù)組每一項要執(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 ]
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)登錄窗體，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-06-06
JavaScript新手必看之var在for循環(huán)中的坑
var這個關(guān)鍵字在JS當中是相當常用的，但同時配合到for循環(huán)的話會出現(xiàn)不符合預(yù)期的運行結(jié)果，所以本文就來為大家講講如何避免這種情況的出現(xiàn)2023-05-05
這篇文章主要為大家詳細介紹了js實現(xiàn)查詢商品案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
setTimeout函數(shù)是一個原生的javascript函數(shù)。setTimeout函數(shù)會在一個指定的延遲時間之后調(diào)用一個函數(shù)或執(zhí)行一段指定的代碼。它的應(yīng)用非常廣泛，例如我們希望用戶在瀏覽器某個頁面一段時間后彈出一個對話框，或者是鼠標點擊某個元素后隔幾秒鐘在刪除這個元素。2017-02-02
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡易留言板特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-12-12
這篇文章主要介紹了Javascript字符串常用方法詳解的相關(guān)資料,在平時工作中經(jīng)常會用到的，非常不錯，需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了一個炫酷的Bootstrap導(dǎo)航菜單的制作方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
近日，在做項目中，需要做到滾動條滑到某個位置時，才能顯示動畫，網(wǎng)上查詢到有個wow.js可以達到要求，現(xiàn)在把使用方法做如下總結(jié)，需要的朋友參考下吧2017-09-09
這篇文章主要介紹了Javascript異步編程之Promise，想了解異步編程和Promise的同學(xué)，可以參考下2021-04-04
Hooks讓我們?yōu)橄嗤墓δ芫帉懜俚拇a,我們需要編寫的代碼越少,我們就可以越快地啟動應(yīng)用程序,hooks需要在函數(shù)組件中使用,您不能在 React 類中使用 hooks,函數(shù)式的 React 組件更加現(xiàn)代,并支持有用的 hooks,現(xiàn)在流行把舊式的類組件轉(zhuǎn)換為函數(shù)式組件2024-01-01