亚洲精品久久久中文字幕-亚洲精品久久片久久-亚洲精品久久青草-亚洲精品久久婷婷爱久久婷婷-亚洲精品久久午夜香蕉

您的位置:首頁/技術文章
文章詳情頁

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

瀏覽:77日期:2023-11-07 14:57:30

本文實例講述了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循環中的循環任務是指:

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

看一個簡單實例:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible' content='ie=edge'> <title>event-loop-test</title></head><body> <script> setTimeout(function(){ console.log(’測試定時事件循環’) new Promise(function(resolve,reject){resolve(’內層數據’) }).then(function(data){console.log(data) }) console.log(’測試測試測試111’) for(var i = 0; i<5000; i++){console.log(’異步任務中的耗時同步任務’) } setTimeout(function(){console.log(22222) //這里透出的異步任務會在testPromise之后,在上面的for循環執行過后,testPromise已經透出異步任務,放到隊列中 },0) },0) for(var i = 0; i<5000; i++){ console.log(’測試event loop’) } for(var i = 0; i<5000; i++){ console.log(’測試event loop2’) } var testPromise = new Promise(function(resolve,reject){ console.log(’直接測試promiseneibu’) setTimeout(function(){resolve(’promise測試’)console.log(’promise內部的console’) },10) }) testPromise.then(function(data){ console.log(data) }) console.log(’我是直接運行的’) </script></body></html>

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

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

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

建立一個簡單模型:

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

也可以理解為:

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

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具:http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

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

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

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 日韩国产欧美一区二区三区 | 国产精品视频免费一区二区三区 | 91免费在线视频观看 | 国产日韩在线观看视频 | 久久精品国产国产精品四凭 | 美国黄色毛片一级 | 成人免费激情视频 | 免费一级特黄 欧美大片 | 亚洲福利一区二区 | 国产超级碰碰在线公开视频 | 亚洲欧美精品伊人久久 | 国产在线观看免费一级 | 国产亚洲亚洲精品777 | 中国免费黄色片 | 亚洲乱码国产乱码精品精98 | 日本视频中文字幕一区二区 | 2022麻豆福利午夜久久 | 亚洲欧美色欧另类欧 | 妇女激情毛片 | 免费一级大毛片a一观看不卡 | 免费人成黄页网站在线观看国产 | 亚洲午夜一区二区三区 | 国产精品自在线 | 国产精品乱码免费一区二区 | 黄色a三级三级三级免费看 黄色a三级免费看 | 蝌蚪久久窝 | 精品日韩一区二区 | 欧美一区在线观看视频 | 国产大片好看免费播放 | 我看逼逼| 日韩视频在线免费观看 | 小明成人永久视频在线观看 | 看黄网站在线观看 | 国产精品日本一区二区在线播放 | 91成人午夜在线精品 | 亚洲黄色网址大全 | 午夜精品一区二区三区在线视 | 青草青在线免费视频 | 国自产精品手机在线视频香蕉 | 精品国产自在现线久久 | 91国内视频|