前端非同步的解釋-概念性

muddyrain發表於2021-01-19
前端非同步

Promise 三種狀態

  • pending resolved rejected

  • pending —> resolved 或 pending —> rejected

  • 變化不可逆

Promise 狀態表現

  • pending 狀態，不會觸發 then 和 catch

  • resolved 狀態，會觸發後續的 then 回撥函式

  • rejected 狀態，會觸發後續的 catch 回撥函式

then 和 catch 改變狀態

  • then 正常返回 resolved ， 裡面有報錯則返回 rejected

  • catch 正常返回 resolved，裡面有報錯則返回 rejected

async 和 await

  • 非同步回撥 callback hell

  • Promise then catch 鏈式呼叫，但也是基於回撥函式

  • async/await是同步語法，徹底消滅回撥函式

async/await 和 Promise 的關係

  • async/await是消滅非同步回撥的終極武器

  • 但和 Promise並不互斥

  • 反而，倆者相輔相成

  • 執行async函式，返回的是 Promise

  • await 相當於 Promise 的 then

  • try...catch 可捕獲異常，代替了 Promise 的catch

非同步本質

  • async / await 是消滅非同步回撥的終極武器

  • JS還是單執行緒,還得是有非同步，還得是基於event loop

  • async/ await 只是一個語法糖

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章