• 专题 | 同步 异步

     1.

    1. <!DOCTYPE html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title></title>
    6. 	</head>
    7. 	<body>
    8. 		<script>
    9. 		console.log(1);
    10. 		console.log(2);
    11. 		console.log(3);
    12. 		</script>
    13. 	</body>
    14. </html>

    2 

     

     

    1. <!DOCTYPE html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title></title>
    6. 	</head>
    7. 	<body>
    8. 		<script>
    9. 		console.log(1);
    10. 		setTimeout(function(){
    11. 			console.log(2);
    12. 		},1000)
    13. 		console.log(3);
    14. 		</script>
    15. 	</body>
    16. </html>

    3.

     

     

    1. <!DOCTYPE html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title></title>
    6. 	</head>
    7. 	<body>
    8. 		<script>
    9. 		console.log(1);
    10. 		setTimeout(function(){
    11. 			console.log(4);
    12. 		},0)
    13. 		console.log(3);
    14. 		</script>
    15. 	</body>
    16. </html>

     

    4. 

     

    1. <!DOCTYPE html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title></title>
    6. 	</head>
    7. 	<body>
    8. 		<script>
    9. 	console.log(1);
    10. 	setTimeout(function(){
    11. 		console.log(2);
    12. 	},3000)
    13. 	setTimeout(function(){
    14. 		console.log(3);
    15. 	},1000)
    16. 		</script>
    17. 	</body>
    18. </html>

     5.

     

    1. <!DOCTYPE html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title></title>
    6. 	</head>
    7. 	<body>
    8. 		<script>
    9. console.log('1');
    10. setTimeout(function () {
    11.   console.log('2');
    12.   new Promise(function(resolve, reject) {
    13.     console.log('promise-start2');
    14.     resolve();
    15.   }).then(function() {
    16.     console.log('promise-end2');
    17.  });
    18. },0);
    19. new Promise(function(resolve, reject) {
    20.     console.log('promise-start');
    21.     resolve();
    22. }).then(function() {
    23.     console.log('promise-end');
    24. });
    25. setTimeout(function () {
    26.     console.log('3');
    27. },0);
    28. console.log('4');
    29. 		</script>
    30. 	</body>
    31. </html>

     

    还是不懂promise的目的

    6.这个经典,随便换着位置理解

    1. <!DOCTYPE html>
    2. <html>
    3. 	<head>
    4. 		<meta charset="utf-8">
    5. 		<title></title>
    6. 	</head>
    7. 	<body>
    8. 		<script>
    9.         console.log('1');
    10.         new Promise(function(resolve, reject) {
    11.            console.log('promise-start2');
    12. 		   // setTimeout(function () {
    13. 		   //        console.log('6');
    14. 		   // },0);
    15.            resolve();
    16.         }).then(function() {
    17. 			setTimeout(function () {
    18. 			       console.log('3');
    19. 			},0);
    20.           console.log('promise-end2');
    21. 		 
    22.         });
    23.       
    24.         console.log('4');
    25. 		</script>
    26. 	</body>
    27. </html>

  • 相关阅读:
    计算机指令
    Mapstruct @Mapper @Mapping 使用介绍以及总结
    【第 8 章 MySQL InnoDB ClusterSet 】
    2023湖北民族大学计算机考研信息汇总
    生信云实证Vol.12：王者带飞LeDock！开箱即用&一键定位分子库+全流程自动化，3.5小时完成20万分子对接
    数据结构——时间复杂度
    请求后端接口413
    rabbitMQ集群
    启发式算法之蚁群算法
    rust编程-rust所有权理解（chapter 4.2 引用实质是借用）
  • 原文地址：https://blog.csdn.net/A123ppleQueen/article/details/125537460