<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • JavaScript|異步編程

          2021-8-17    前端達(dá)人

          JavaScript|異步編程

          1.異步的概念

          **異步(Asynchronous, async)是與同步(Synchronous, sync)**相對的概念。在我們學(xué)習(xí)的傳統(tǒng)單線程編程中,程序的運(yùn)行是同步的(步驟在一個(gè)控制流序列中按順序執(zhí)行)。而異步的概念則是不保證同步的概念,也就是說,一個(gè)異步過程的執(zhí)行將不再與原有的序列有順序關(guān)系。簡單來理解就是:同步按你的代碼順序執(zhí)行,異步不按照代碼順序執(zhí)行,異步的執(zhí)行效率更高。異步就是從主線程發(fā)射一個(gè)子線程來完成任務(wù)。

          2.回調(diào)函數(shù)

          回調(diào)函數(shù)就是一個(gè)函數(shù),它是在我們啟動(dòng)一個(gè)異步任務(wù)的時(shí)候就告訴它:等你完成了這個(gè)任務(wù)之后要干什么。這樣一來主線程幾乎不用關(guān)心異步任務(wù)的狀態(tài)了。

          <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>異步編程</title> </head> <body> <p>等待4秒過后執(zhí)行</p> <p id="p2">太陽</p> <p id="p3">月亮</p> <script> // 回調(diào)函數(shù) function sayHello(){ document.getElementById("p2").innerHTML = "Hello!Sun"; } // 使用setTimeout()可以設(shè)置sayHello為一個(gè)4秒的過程,第一個(gè)參數(shù)是回調(diào)函數(shù),第二個(gè)參數(shù)是毫秒數(shù) setTimeout(sayHello,4000); </script> </body> </html> 
          
          • 1
          • 2
          • 3
          • 4
          • 5
          • 6
          • 7
          • 8
          • 9
          • 10
          • 11
          • 12
          • 13
          • 14
          • 15
          • 16
          • 17
          • 18
          • 19
          • 20
          • 21
          • 22

          在這里插入圖片描述

          等待四秒過后:

          在這里插入圖片描述

          主線程并未停止,body中的內(nèi)容正常運(yùn)行,而當(dāng)4秒回調(diào)過后,子函數(shù)運(yùn)行結(jié)果就改變了h2的值。




          藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼ben_lanlan,報(bào)下信息,會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

          文章來源:csdn

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

          藍(lán)藍(lán)設(shè)計(jì)www.sdgs6788.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)


          日歷

          鏈接

          個(gè)人資料

          存檔

          久久精品国产72国产精福利| 色偷偷88888欧美精品久久久| 久久精品成人免费网站| 亚洲国产精品久久久久网站 | aaa级精品久久久国产片| 91麻精品国产91久久久久| 久久福利片| 色综合久久中文字幕无码| 国产精品99久久久久久www| 亚洲女久久久噜噜噜熟女| 久久久久免费精品国产| 久久久久se色偷偷亚洲精品av| 国产精品一区二区久久国产| 2021久久精品免费观看| 久久香蕉国产线看观看乱码| 久久久久人妻一区二区三区| 国产69精品久久久久99| 久久ww精品w免费人成| 久久久久久综合网天天| 国产免费久久精品99久久| 人妻少妇久久中文字幕| 国产成人精品综合久久久久| 精品99久久aaa一级毛片| 东京热TOKYO综合久久精品| 久久久久99精品成人片直播| 久久久久亚洲av综合波多野结衣| 久久久久黑人强伦姧人妻| 亚洲精品高清久久| 色综合色天天久久婷婷基地| 亚洲精品国产字幕久久不卡| 国产香蕉久久精品综合网| 亚洲美日韩Av中文字幕无码久久久妻妇 | 欧美激情一区二区久久久| 久久露脸国产精品| 国产精品美女久久久免费| 99久久精品无码一区二区毛片 | 精品国产91久久久久久久| 97r久久精品国产99国产精| 国产精品99久久久久久人| 国产日产久久高清欧美一区| 国产91色综合久久免费|