日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關咨詢
選擇下列產品馬上在線溝通
服務時間：8:30-17:00
你可能遇到了下面的問題
關閉右側工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JS異步編程有哪些方案？為什么會出現(xiàn)這些方案？

關于 JS 單線程、EventLoop 以及異步 I/O 這些底層的特性，我們之前做過了詳細的拆解，不在贅述。在探究了底層機制之后，我們還需要對代碼的組織方式有所理解，這是離我們最日常開發(fā)最接近的部分，異步代碼的組織方式直接決定了開發(fā)和維護的效率，其重要性也不可小覷。盡管底層機制沒變，但異步代碼的組織方式卻隨著 ES 標準的發(fā)展，一步步發(fā)生了巨大的變革。接著讓我們來一探究竟吧!

專注于為中小企業(yè)提供成都網(wǎng)站建設、網(wǎng)站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)烏拉特前免費做網(wǎng)站提供優(yōu)質的服務。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了千余家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設實現(xiàn)規(guī)模擴充和轉變。

回調函數(shù)時代

相信很多 nodejs 的初學者都或多或少踩過這樣的坑，node 中很多原生的 api 就是諸如這樣的:

 
 
 
    
  
  
  
  1. fs.readFile('xxx', (err, data) => {
    2. 
  
  
  
  2. 
  
  
  
  3. });
    4.

典型的高階函數(shù)，將回調函數(shù)作為函數(shù)參數(shù)傳給了readFile。但久而久之，就會發(fā)現(xiàn)，這種傳入回調的方式也存在大坑, 比如下面這樣:

 
 
 
    
  
  
  
  1. fs.readFile('1.json', (err, data) => {
    2. 
  
  
  
  2.     fs.readFile('2.json', (err, data) => {
    3. 
  
  
  
  3.         fs.readFile('3.json', (err, data) => {
    4. 
  
  
  
  4.             fs.readFile('4.json', (err, data) => {
    5. 
  
  
  
  5. 
  
  
  
  6.             });
    7. 
  
  
  
  7.         });
    8. 
  
  
  
  8.     });
    9. 
  
  
  
  9. });
    10.

回調當中嵌套回調，也稱回調地獄。這種代碼的可讀性和可維護性都是非常差的，因為嵌套的層級太多。而且還有一個嚴重的問題，就是每次任務可能會失敗，需要在回調里面對每個任務的失敗情況進行處理，增加了代碼的混亂程度。

Promise 時代

ES6 中新增的 Promise 就很好了解決了回調地獄的問題，同時了合并了錯誤處理。寫出來的代碼類似于下面這樣:

 
 
 
    
  
  
  
  1. readFilePromise('1.json').then(data => {
    2. 
  
  
  
  2.     return readFilePromise('2.json')
    3. 
  
  
  
  3. }).then(data => {
    4. 
  
  
  
  4.     return readFilePromise('3.json')
    5. 
  
  
  
  5. }).then(data => {
    6. 
  
  
  
  6.     return readFilePromise('4.json')
    7. 
  
  
  
  7. });
    8.

以鏈式調用的方式避免了大量的嵌套，也符合人的線性思維方式，大大方便了異步編程。

co + Generator 方式

利用協(xié)程完成 Generator 函數(shù)，用 co 庫讓代碼依次執(zhí)行完，同時以同步的方式書寫，也讓異步操作按順序執(zhí)行。

 
 
 
    
  
  
  
  1. co(function* () {
    2. 
  
  
  
  2.   const r1 = yield readFilePromise('1.json');
    3. 
  
  
  
  3.   const r2 = yield readFilePromise('2.json');
    4. 
  
  
  
  4.   const r3 = yield readFilePromise('3.json');
    5. 
  
  
  
  5.   const r4 = yield readFilePromise('4.json');
    6. 
  
  
  
  6. })
    7.

async + await方式

這是 ES7 中新增的關鍵字，凡是加上 async 的函數(shù)都默認返回一個 Promise 對象，而更重要的是 async + await 也能讓異步代碼以同步的方式來書寫，而不需要借助第三方庫的支持。

 
 
 
    
  
  
  
  1. const readFileAsync = async function () {
    2. 
  
  
  
  2.   const f1 = await readFilePromise('1.json')
    3. 
  
  
  
  3.   const f2 = await readFilePromise('2.json')
    4. 
  
  
  
  4.   const f3 = await readFilePromise('3.json')
    5. 
  
  
  
  5.   const f4 = await readFilePromise('4.json')
    6. 
  
  
  
  6. }
    7.

這四種經(jīng)典的異步編程方式就簡單回顧完了，由于是鳥瞰大局，我覺得知道是什么比了解細節(jié)要重要, 因此也沒有展開。不過沒關系，接下來，讓我們針對這些具體的解決方案，一步步深入異步編程，理解其中的本質。


分享標題：JS異步編程有哪些方案？為什么會出現(xiàn)這些方案？
URL標題：http://www.5511xx.com/article/cojdicp.html