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

<!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循环的方式来开启几个异步操作,谁先执行完谁就先参与求和。

发布了54 篇原创文章 · 获赞 17 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/weixin_43311389/article/details/97125677