JS拿到多次异步操作结果的和

最新推荐文章于 2023-04-14 18:59:25 发布

超宝宝很乖

最新推荐文章于 2023-04-14 18:59:25 发布

阅读量355

点赞数 1

分类专栏：前端开发文章标签： JS异步回调函数

本文链接：https://blog.csdn.net/weixin_43311389/article/details/97125677

版权

前端开发专栏收录该内容

8 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

</body>
<script type="text/javascript">
	
	function add(callback) {
		//设置每次异步的时间
		var times = [1000,2000,1000,1500,1800];
		//定义每次异步要操作的数据
		var sum=0;
		//设置异步操作完成计数器
		var counter =0;
	 for(var i=0;i<5;i++){
	 	//用定时器模拟异步
	 	setTimeout(function () {
	 	//异步函数内部可以拿到异步函数外定义的变量

	    sum+=5;

	    counter+=1;
	    console.log('当前执行了'+counter+'个异步函数'+'此时的和为：'+sum)
	    //监听所有异步函数执行完毕
	    if(counter ===  times.length){
	    	//返回数据给回调
	    	return callback(sum)
	    }
	  	}, times[i]);
	 }
	  
	}

	add(function (sum) {
	  console.log('几次异步操作的执行结果和为'+sum)
	})

</script>
</html>

在这里插入图片描述
如果考虑用then方法，我需要写五个then方法，且代码是重复的，每个异步操作也不依赖于其他异步操作，我就采用for循环的方式来开启几个异步操作，谁先执行完谁就先参与求和。

超宝宝很乖

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS拿到多次异步操作结果的和

<!DOCTYPE html><html><head> <title></title></head><body></body><script type="text/javascript"> function add(callback) { //设置每次异步的时间 ...
复制链接

扫一扫