习题讲解_eventloop.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // console.log('1');
  11. // setTimeout(function () {
  12. // console.log('2');
  13. // Promise.resolve().then(function () {
  14. // console.log('3');
  15. // });
  16. // }, 0);
  17. // Promise.resolve().then(function () {
  18. // console.log('4');
  19. // });
  20. // console.log('5');
  21. // console.log('Start');
  22. // setTimeout(() => {
  23. // console.log('Timeout 5');
  24. // }, 100);
  25. // new Promise((resolve) => {
  26. // console.log('Promise 4');
  27. // resolve();
  28. // }).then(() => {
  29. // console.log('Promise 5');
  30. // });
  31. // console.log('End');
  32. console.log('Start');
  33. setTimeout(() => {
  34. console.log('Timeout 7');
  35. }, 0);
  36. async function asyncFunc() {
  37. console.log('Async 1');
  38. await new Promise((resolve) => {
  39. console.log('Promise 8');
  40. resolve();
  41. });
  42. console.log('Async 2');
  43. console.log('Async 3');
  44. }
  45. asyncFunc();
  46. console.log('End');
  47. </script>
  48. </body>
  49. </html>