亚洲精品中文字幕无码专区一,中文字幕av一区乱码深夜动态福利,粗大的内捧猛烈进出少妇

          系統城裝機大師 - 唯一官網:www.snowmanhill.com!

          當前位置:首頁 > 網絡編程 > JavaScript > 詳細頁面

          javascript事件循環event loop的簡單模型解釋與應用分析

          時間:2020-03-14來源:電腦系統城作者:電腦系統城

          本文實例講述了javascript事件循環event loop的簡單模型解釋與應用.分享給大家供大家參考,具體如下:

          js是單線程的,但是event loop的出現,使得js擁有可以處理高并發的性能。那么怎么理解event loop呢?網上百度一堆文章,什么heap,stack,micro queue,macro queue,讓初學者直接懵掉。這里采用很通俗的理解方式介紹下event loop.

          event loop顧名思義是事件循環,既然是循環,那循環的是什么呢?

          對于一個js文件,

          1,執行當前執行上下文(初次是全局作用域)的所有同步任務,有異步任務的透出

          2,執行任務隊列里第一個異步任務,

          3,執行當前異步任務執行上下文的所有同步任務,有異步任務透出

          從上面的執行順序可以清楚的看到循環執行的是什么,event loop循環中的循環任務是指:

          執行某個執行上下文的所有同步任務,透出異步任務

          看一個簡單實例:

          
           
          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. <meta http-equiv="X-UA-Compatible" content="ie=edge">
          7. <title>event-loop-test</title>
          8. </head>
          9. <body>
          10. <script>
          11. setTimeout(function(){
          12. console.log('測試定時事件循環')
          13. new Promise(function(resolve,reject){
          14. resolve('內層數據')
          15. }).then(function(data){
          16. console.log(data)
          17. })
          18. console.log('測試測試測試111')
          19. for(var i = 0; i<5000; i++){
          20. console.log('異步任務中的耗時同步任務')
          21. }
          22. setTimeout(function(){
          23. console.log(22222) //這里透出的異步任務會在testPromise之后,在上面的for循環執行過后,testPromise已經透出異步任務,放到隊列中
          24. },0)
          25. },0)
          26. for(var i = 0; i<5000; i++){
          27. console.log('測試event loop')
          28. }
          29. for(var i = 0; i<5000; i++){
          30. console.log('測試event loop2')
          31. }
          32. var testPromise = new Promise(function(resolve,reject){
          33. console.log('直接測試promiseneibu')
          34. setTimeout(function(){
          35. resolve('promise測試')
          36. console.log('promise內部的console')
          37. },10)
          38. })
          39. testPromise.then(function(data){
          40. console.log(data)
          41. })
          42. console.log('我是直接運行的')
          43. </script>
          44. </body>
          45. </html>
          46.  

          javascript事件循環event loop的簡單模型解釋與應用分析

          由上面的實例和分析可以得出:

          任務隊列中的異步任務透出和循環層級是沒有關系的,任務隊列中的異步任務是根據透出先后順序排列的

          建立一個簡單模型:

          javascript事件循環event loop的簡單模型解釋與應用分析

          也可以理解為:

          javascript事件循環event loop的簡單模型解釋與應用分析

          更多關于JavaScript相關內容感興趣的讀者可查看本站專題:《JavaScript操作DOM技巧總結》、《JavaScript頁面元素操作技巧總結》、《JavaScript事件相關操作與技巧大全》、《JavaScript查找算法技巧總結》、《JavaScript數據結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript錯誤與調試技巧總結》

          希望本文所述對大家JavaScript程序設計有所幫助。

          分享到:

          相關信息

          系統教程欄目

          欄目熱門教程

          人氣教程排行

          站長推薦

          熱門系統下載

          亚洲精品中文字幕无码专区一,中文字幕av一区乱码深夜动态福利,粗大的内捧猛烈进出少妇