Promise.all实现顺序顺序调用

最新推荐文章于 2024-02-20 09:27:48 发布

经年未远

最新推荐文章于 2024-02-20 09:27:48 发布

阅读量836

点赞数

分类专栏：笔记文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/qq_42628504/article/details/122444945

版权

笔记专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Promise.all顺序调用</title>
	</head>
	<body>
		<button type="button" style="width:200px;height: 90px;" id="btn">按照顺序加载</button>
	</body>
  <script type="text/javascript">
	  
	  //实现按照 顺序调用
	  let btn =  document.getElementById("btn");
	  btn.onclick = function(){
	      Promise.all([getData2(),getData1(),getData3()])
	  }
	  
  	  function getData1(){
		   return  new Promise(function(resolve,reject){
			        setTimeout(()=>{
						  resolve("我是一") ;
						  // console.log("我是一")
					},1000)
		   })
	  }



      function getData2(){
		   return  new Promise(function(resolve,reject){
			        setTimeout(()=>{
						  resolve("我是二");   
					},2000)
		   })
	  }
	  
	  function getData3(){
	  		   return  new Promise(function(resolve,reject){
	  			        setTimeout(()=>{
	  						  resolve("我是三");  
	  					},3000)
	  		   })
	   }
  </script>
</html>