24_异步.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  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 src="./ajax.js"></script>
  10. <script>
  11. // var a = 10;
  12. // setTimeout(function(){
  13. // console.log(a)
  14. // }, 1000);
  15. // a++;
  16. // console.log(a)
  17. //callback hell 回调地狱
  18. // ajaxFun("./data/a.json", function (res) {
  19. // console.log(res)
  20. // ajaxFun("./data/b.json", function (res) {
  21. // console.log(res)
  22. // ajaxFun("./data/c.json", function (res) {
  23. // console.log(res)
  24. // })
  25. // })
  26. // })
  27. // event loop 事件循环
  28. // 主线程任务 指同步代码
  29. // 任务队列中 放置异步方法
  30. // 先执行同步代码,当遇到异步方法时放到任务队列中
  31. // 当同代码执行完成后 再去任务队列中查看可以执行代码
  32. // 如果任务队列中有颗执行代码 在放到主线程中执行
  33. // 如果异步任务执行完 内部又出现一个异步任务 再将这个内部的异步任务投放到任务队列中去
  34. // 当有多个异步任务 异步任务分为 宏任务 微任务
  35. // 微任务 promise.then (相当于vip)
  36. // 宏任务 setTimeout (普通用户)
  37. // 当微任务 、宏任务同时具备颗执行状态时 优先执行为任务
  38. </script>
  39. </body>
  40. </html>