了解異步 JS

王林
發布: 2024-09-01 21:07:11
原創
847 人瀏覽過

Understanding Async JS

Async JS 的目標:處理在背景運行的長時間運行的任務

  • 用例:透過 AJAX 呼叫從遠端伺服器取得資料。
  • 例如。設定影像來源、定時器、Promises、Fetch API、Async-Await、Geolocation API、Error-Handling。

同步程式碼:

  • 依序逐行執行,其中由作為執行上下文一部分的執行緒寫入。
  • Dis:當一行程式碼需要很長時間才能執行,例如 AJAX 呼叫、D/b 存取、警報視窗等,這會阻塞程式碼執行直到完成。

非同步程式碼

  • 計時器在背景執行,不會阻塞程式碼,也就是不會阻塞執行的主執行緒。
  • 後台運行的任務完成後執行非同步程式碼。
  • 執行不會等待非同步任務完成其工作。
  • 非同步 - 不同時發生。
  • 回呼不會使程式碼自動非同步。前任。數組映射方法接受回調,但它不會使程式碼非同步。只有某些函數(例如計時器)以非同步方式運作,但並非所有回呼。
雷雷 雷雷
  • 單獨的事件監聽器不會使程式碼非同步。例如,按鈕按一下偵聽器不在背景執行任何工作。因此,不涉及異步行為。

阿賈克斯

  • 允許我們以非同步方式與遠端 Web 伺服器通訊。
  • 使用 AJAX 呼叫動態地從 Web 伺服器請求資料。

應用程式介面

  • 另一個軟體使用的軟體,可實現黑白應用程式的通訊。
  • 例如。 DOM API、Geoloaction API 等都是獨立的軟體,允許軟體與它們互動
  • 我們可以透過使用類別並公開一些方法來實作 API。
  • 線上 API:在伺服器上運行的應用程序,接收資料請求,並發送回資料作為回應。
  • API 是使用後端開發建置的或使用其他開發人員免費提供給我們的第 3 方 API。
  • 例如。幾乎所有內容都有範例 API。
  • 之前使用的是XML,現在只使用JSON,也就是JS物件轉換為字串。
雷雷

回調地獄:

  • 連結 AJAX 請求將使它們按順序工作,即第一個請求完成後將產生第二個請求。

- 由於需要按順序進行的巢狀 AJAX 呼叫定義的巢狀回調而導致。

雷雷

以上是了解異步 JS的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!