小程序商城怎样做_Javascript异步编程async完成过程

2021-01-05 15:11

Javascript异步编程async实现过程详解     投稿:yaominghui   这篇文章主要介绍了Javascript异步编程async实现过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

介绍

node安装

npm install async --save

使用

var async = require('async')

js文件

async提供了很多函数用于异步流程控制,下面是async核心的几个函数,完整的函数请看

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的作用就是按照顺序一次执行。

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

输出结果为

[ 1, 2 ]

series函数的第一个参数可以是一个数组也可以是一个JSON对象,参数类型不同,影响的是返回数据的格式。

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函数都是按照顺序执行,不同之处是waterfall每个函数产生的值都可以传递给下一个函数,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第一个参数只能为数组。当中途有函数出错,其err直接传给最终callback,结果被丢弃,后面的函数不再执行。

parallel(tasks, [callback])

paraller函数是并行执行多个函数,每个函数都是立即执行,不需要等待其它函数先执行。
传给最终callback的数组中的数据按照tasks中声明的顺序,而不是执行完成的顺序。

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

tasks参数可以是一个数组或是json对象,和series函数一样,tasks参数类型不同,返回的results格式会不一样。

将示例中tasks的回调函数用setTimeout在1000毫秒后调用,然后在parallel的回调函数中输出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函数和parallel类似,但是它多了一个参数limit。 limit参数限制任务只能同时并发一定数量,而不是无限制并发,示例如下:

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

将示例中tasks的回调函数用setTimeout在1000毫秒后调用,limit参数设置为1,然后在parallelLimit的回调函数中输出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);
function(err, results){
 console.log(results);
});

map(coll, iteratee, callbackopt)

map函数遍历传入的数组,并执行同样的操作,最终返回结果

cool:数组

iteratee:对数组每一项要执行的函数

callbackopt:回调函数

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 ]

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持凡科。




扫描二维码分享到微信

在线咨询
联系电话

020-66889888