<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ì)( m.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è)人資料
          
      
    
          
    
          
      
          存檔
          
      
    
          

          

          





久久人人爽人人爽人人片av高请|
精品久久久久久无码中文野结衣
|
伊人久久五月天|
2020久久精品亚洲热综合一本|
人妻精品久久久久中文字幕69|
久久久久久久久无码精品亚洲日韩|
久久国产热这里只有精品|
欧美黑人激情性久久|
久久精品国产99久久久|
精品久久久久久国产牛牛app|
久久综合久久美利坚合众国|
久久成人影院精品777|
囯产极品美女高潮无套久久久|
嫩草影院久久国产精品|
亚洲国产精品18久久久久久|
亚洲国产综合久久天堂|
日本一区精品久久久久影院|
亚洲国产视频久久|
婷婷综合久久狠狠色99h|
亚洲国产日韩欧美久久|
国产精品久久国产精麻豆99网站|
亚洲伊人久久大香线蕉综合图片|
久久se精品一区二区影院|
久久超碰97人人做人人爱|
久久婷婷色综合一区二区|
亚洲国产精品无码久久青草|
国产免费久久精品丫丫|
久久国产精品二国产精品|
久久香蕉国产线看观看精品yw|
久久精品人妻中文系列|
亚洲国产精品嫩草影院久久
|
国色天香久久久久久久小说|
久久精品视屏|
久久国产香蕉视频|
久久综合九色综合欧美就去吻|
亚洲国产精品成人AV无码久久综合影院|
久久精品国产只有精品2020|
一本一道久久精品综合|
久久电影网一区|
久久精品国产精品亚洲下载
|
久久福利青草精品资源站|