异步控制流程 遍历篇each
创始人
2024-06-03 08:36:48
0

文章目录

  • 基础方法
    • onlyOnce 只执行一次,第二次报错
    • once 只执行一次,第二次无效
    • iteratorSymbol 判断是否具有迭代器并返回迭代器
    • arrayEach 普通数组遍历
    • baseEach 对象类型遍历
    • symbolEach 具有迭代器类型遍历
  • 异步遍历
    • each
    • eachLimit
    • eachSeries

异步控制流程的目的:

  • 对异步操作提供类似同步遍历的操作
  • 本文的Promise兼容均为在原本只支持node回调的方式下修改

基础方法

onlyOnce 只执行一次,第二次报错

  • 只执行一次,因为第二次func变成了抛出错误
function onlyOnce(func) {return function(err, res) {var fn = func;func = throwError;fn(err, res);};
}

once 只执行一次,第二次无效

  • 只执行一次,因为第二次func变成了空函数
 function once(func) {return function(err, res) {var fn = func;func = noop;fn(err, res);};}

iteratorSymbol 判断是否具有迭代器并返回迭代器

var iteratorSymbol = typeof Symbol === func && Symbol.iterator;

arrayEach 普通数组遍历

- iterator:每次遍历的回调- callback:内部有个计数器,执行遍历完成后的回调function arrayEach(array, iterator, callback) {var index = -1;var size = array.length;// 三个参数情况if (iterator.length === 3) {while (++index < size) {// 传入value、key、手动计数最后遍历完成回调(只有第一次执行有效)iterator(array[index], index, onlyOnce(callback));}} else { // 两个参数情况while (++index < size) {iterator(array[index], onlyOnce(callback));}}
}

baseEach 对象类型遍历

function baseEach(object, iterator, callback, keys) {var key;var index = -1;var size = keys.length;// 三个参数情况if (iterator.length === 3) {while (++index < size) {key = keys[index];iterator(object[key], key, onlyOnce(callback));}} else { // 两个参数情况while (++index < size) {iterator(object[keys[index]], onlyOnce(callback));}}
}

symbolEach 具有迭代器类型遍历

  function symbolEach(collection, iterator, callback) {var iter = collection[iteratorSymbol]();var index = 0;var item;// 三个参数情况if (iterator.length === 3) {while ((item = iter.next()).done === false) {iterator(item.value, index++, onlyOnce(callback));}} else {// 两个参数情况while ((item = iter.next()).done === false) {index++;iterator(item.value, onlyOnce(callback));}}return index;}

异步遍历

each

  • 实现 forEach 效果
  • 原理:每次回调中执行计数器,判断计数完毕时,执行结束回调
exports.each=createEach(arrayEach, baseEach, symbolEach)function createEach(arrayEach, baseEach, symbolEach) {return function each(collection, iterator, callback) {let promise=new Promise((resolve,reject)=>{callback = once(callback || noop);var size, keys;var completed = 0;if (isArray(collection)) {size = collection.length;arrayEach(collection, iterator, done);} else if (iteratorSymbol && collection[iteratorSymbol]) {size = symbolEach(collection, iterator, done);size && size === completed && callback(null);} else if (typeof collection === obj) {// Object.keyskeys = nativeKeys(collection);size = keys.length;baseEach(collection, iterator, done, keys);}if (!size) {callback(null);reject('value should be an object');}function done(err, bool) {if (err) {callback = once(callback);callback(err);reject(err);} else if (++completed === size) {callback(null);resolve('null')} else if (bool === false) {callback = once(callback);callback(null);reject('cancel');}}})return promise.then((res)=>res).catch(err=> Promise.reject(err))};}

基本使用:

const array = { a: 1, b: 3, c: 2 };;
const iterator = function(key, value,done) {setTimeout(function() {done()// done() done只有第一次执行有效// done(err)、done(null,false) 结束遍历并执行最终回调}, key * 1000);
};// 回调方式
nac.each(array, iterator, function(err) {console.log('done')
});// Promise方式
async function neo(){try {let res=await nac.each(array, iterator);console.log('success',res);    } catch (error) {console.log('error',error)}}

eachLimit

  • 不保证回调顺序,限制每一次异步请求的次数
  • 原理:只需要限制第一次发起请求的次数,然后在每一次请求回调中调用后续请求,即可实现每一次请求数量小于n

基本使用

var array = [1, 5, 3, 4, 2];
var iterator = function(value,key,done) {setTimeout(function() {done(null, num % 2);}, num * 10);
};
async.everyLimit(array, 2, iterator, function(err, res) {console.log(res); // falseconsole.log(order); // [1, 3, 5, 2]
});
function eachLimit(collection, limit, iterator, callback) {callback = callback || noop;var size, index, key, keys, iter, item, iterate;var sync = false;var started = 0;var completed = 0;if (isArray(collection)) {size = collection.length;iterate = iterator.length === 3 ? arrayIteratorWithIndex : arrayIterator;} else if (!collection) {} else if (iteratorSymbol && collection[iteratorSymbol]) {size = Infinity;iter = collection[iteratorSymbol]();iterate = iterator.length === 3 ? symbolIteratorWithKey : symbolIterator;} else if (typeof collection === obj) {keys = nativeKeys(collection);size = keys.length;iterate = iterator.length === 3 ? objectIteratorWithKey : objectIterator;} else {return callback(null);}if (!size || isNaN(limit) || limit < 1) {return callback(null);}timesSync(limit > size ? size : limit, iterate);// 数组的遍历器,根据索引进行遍历function arrayIterator() {if (started < size) {iterator(collection[started++], done);}}function arrayIteratorWithIndex() {index = started++;if (index < size) {iterator(collection[index], index, done);}}// symbol类型的遍历function symbolIterator() {item = iter.next();if (item.done === false) {started++;iterator(item.value, done);} else if (completed === started && iterator !== noop) { // 当遍历方法同步且多done的时候可能出现,可以忽略这种ifiterator = noop;callback(null);}}function symbolIteratorWithKey() {item = iter.next();if (item.done === false) {iterator(item.value, started++, done);} else if (completed === started && iterator !== noop) {iterator = noop;callback(null);}}// 对象的遍历function objectIterator() {if (started < size) {iterator(collection[keys[started++]], done);}}function objectIteratorWithKey() {index = started++;if (index < size) {key = keys[index];iterator(collection[key], key, done);}}function done(err, bool) {if (err || bool === false) {iterate = noop;callback = once(callback);callback(err);} else if (++completed === size) {iterator = noop;iterate = throwError;callback = onlyOnce(callback);callback(null);} else if (sync) {// procces.nextTick、setImmediate、setTimeoutnextTick(iterate);} else {sync = true;iterate();}sync = false;}
}

eachSeries

  • 保证异步串行
  • 原理:在每一次异步回调后再调用后续异步方法

基本使用:

var order = [];
var array = [1, 3, 2];
var iterator = function(value, done) {setTimeout(function() {order.push(num);done();}, num * 10);
};
async.eachSeries(array, iterator, function(err, res) {console.log(res); // undefinedconsole.log(order); // [1, 3, 2]
});
function eachSeries(collection, iterator, callback) {callback = onlyOnce(callback || noop);var size, key, keys, iter, item, iterate;var sync = false;var completed = 0;if (isArray(collection)) {size = collection.length;iterate = iterator.length === 3 ? arrayIteratorWithIndex : arrayIterator;} else if (!collection) {} else if (iteratorSymbol && collection[iteratorSymbol]) {size = Infinity;iter = collection[iteratorSymbol]();iterate = iterator.length === 3 ? symbolIteratorWithKey : symbolIterator;} else if (typeof collection === obj) {keys = nativeKeys(collection);size = keys.length;iterate = iterator.length === 3 ? objectIteratorWithKey : objectIterator;}if (!size) {return callback(null);}iterate();function arrayIterator() {iterator(collection[completed], done);}function arrayIteratorWithIndex() {iterator(collection[completed], completed, done);}function symbolIterator() {item = iter.next();item.done ? callback(null) : iterator(item.value, done);}function symbolIteratorWithKey() {item = iter.next();item.done ? callback(null) : iterator(item.value, completed, done);}function objectIterator() {iterator(collection[keys[completed]], done);}function objectIteratorWithKey() {key = keys[completed];iterator(collection[key], key, done);}// 在异步回调中调用后续方法function done(err, bool) {if (err) {callback(err);} else if (++completed === size || bool === false) {iterate = throwError;callback(null);} else if (sync) {nextTick(iterate);} else {sync = true;iterate();}sync = false;}
}

相关内容

热门资讯

安卓系统用的华为应用,探索智能... 你知道吗?在安卓系统里,华为的应用可是个宝库呢!它们不仅功能强大,而且使用起来超级方便。今天,就让我...
安卓变ios系统魅蓝 你知道吗?最近有个朋友突然告诉我,他要把自己的安卓手机换成iOS系统,而且还是魅蓝品牌的!这可真是让...
幻书启世录安卓系统,安卓世界中... 亲爱的读者们,你是否曾在某个夜晚,被一本神奇的书所吸引,仿佛它拥有着穿越时空的力量?今天,我要带你走...
电脑安装安卓系统进不去,安卓系... 电脑安装安卓系统后竟然进不去,这可真是让人头疼的问题啊!你是不是也遇到了这种情况,心里直呼“怎么办怎...
用键盘切换控制安卓系统,畅享安... 你有没有想过,用键盘来控制你的安卓手机?是的,你没听错,就是那个我们每天敲敲打打的小玩意儿——键盘。...
小米安卓镜像系统在哪,小米安卓... 你有没有想过,你的小米手机里有一个隐藏的宝藏——安卓镜像系统?没错,就是那个可以让你的手机瞬间变身成...
安卓手机下载排班系统,高效排班... 你有没有想过,每天忙碌的工作中,有没有什么好帮手能帮你轻松管理时间呢?今天,就让我来给你介绍一个超级...
桌面组件如何弄安卓系统,桌面组... 亲爱的桌面爱好者们,你是否曾梦想过将安卓系统搬到你的电脑桌面上?想象那些流畅的动画、丰富的应用,还有...
安卓13系统介绍视频,新功能与... 亲爱的读者们,你是否对安卓13系统充满好奇?想要一探究竟,却又苦于没有足够的时间去研究?别担心,今天...
车机安卓7.1系统,功能升级与... 你有没有发现,现在的车机系统越来越智能了?尤其是那些搭载了安卓7.1系统的车机,简直就像是个贴心的智...
安卓系统下如何读pdf,And... 你有没有遇到过这种情况:手机里存了一大堆PDF文件,可是怎么也找不到一个能顺畅阅读的工具?别急,今天...
安卓系统全国通用的吗,畅享智能... 你有没有想过,为什么你的手机里装的是安卓系统呢?安卓系统,这个名字听起来是不是有点神秘?今天,就让我...
假苹果手机8安卓系统,颠覆传统... 你有没有想过,如果苹果手机突然变成了安卓系统,会是怎样的景象呢?想象那熟悉的苹果外观,却运行着安卓的...
安卓12.0系统vivo有吗,... 你有没有听说最近安卓系统又升级啦?没错,就是那个让手机焕然一新的安卓12.0系统!那么,咱们国内的手...
核心芯片和安卓系统,探索核心芯... 你知道吗?在科技的世界里,有一对“黄金搭档”正悄悄改变着我们的生活。他们就是——核心芯片和安卓系统。...
如何调安卓系统屏幕颜色,安卓系... 亲爱的手机控们,你是否曾觉得安卓系统的屏幕颜色不够个性,或者是因为长时间盯着屏幕而感到眼睛疲劳?别担...
旧台式电脑安装安卓系统,轻松安... 你那台旧台式电脑是不是已经服役多年,性能逐渐力不从心,却又不忍心让它退役呢?别急,今天就来教你怎么给...
美国要求关闭安卓系统,科技霸权... 美国要求关闭安卓系统:一场技术革新还是政治博弈?在数字化时代,智能手机已经成为我们生活中不可或缺的一...
安卓系统日记本 你有没有发现,手机里的安卓系统日记本,简直就是记录生活点滴的宝藏库呢?想象每天忙碌的生活中,有没有那...
安卓手机广告最少的系统,探索安... 你有没有发现,用安卓手机的时候,广告总是无处不在,让人烦得要命?不过别急,今天我要给你揭秘一个秘密—...