首頁 > web前端 > js教程 > 同步 VS 非同步 Javascript

同步 VS 非同步 Javascript

Susan Sarandon
發布: 2024-12-09 15:42:12
原創
484 人瀏覽過

今天,我將撰寫有關同步和非同步 Javascript 的文章。
首先,定義;
同步任務會按順序發生,即您必須完成第一項工作才能繼續進行下一項工作。另一方面,您可以以任何順序甚至同時執行非同步作業。

非同步是一種非阻塞架構,因此一個任務的執行不依賴另一個任務。任務可以同時運行。

同步是一種阻塞架構,因此每個操作的執行都取決於它先前的操作的完成。每個任務在進入下一個迭代之前都需要一個答案。

基本上,Javascript 是一種單執行緒、阻塞、同步腳本語言,用於使網頁具有互動性。
單執行緒和阻塞意味著 javascript 一次只能執行一個任務,即程式將按順序執行任務,並且每個任務必須在下一個任務開始之前完成。

雖然 JavaScript 本質上是同步的,但它還是受益於非同步過程。長時間運行的 JavaScript 函數可能會導致使用者介面 (UI) 或伺服器在函數返回之前無回應,從而導致使用者體驗不佳。
然而,在某些情況下,用戶可以從阻止編程中受益,例如,在進行線上支付時。

JavaScript 的好處在於它提供了兩全其美的優點:單執行緒和多執行緒、阻塞和非阻塞。憑藉這種靈活性,程式設計師可以使用單一程式語言而不是兩種程式語言編寫程式碼 - 一種用於同步操作,另一種用於非同步操作。

非同步程式設計透過減少呼叫函數和傳回該函數的值之間的延遲時間來增強使用者體驗。非同步程式設計在現實世界中轉化為更快、更無縫的流程。
例如,用戶希望他們的應用程式運行速度快,但從 API 獲取資料需要時間。在這些情況下,非同步程式設計有助於更快地載入應用程式螢幕,從而改善使用者體驗。

另一方面,同步程式設計對開發人員來說是有利的。同步程式設計更容易編寫程式碼。它在所有程式語言中都得到了很好的支持,並且作為預設的程式設計方法,開發人員不必花時間學習可能會出現錯誤的新東西。

如何在非同步與同步程式設計之間進行選擇
在決定採用哪種方法時,請考慮非同步程式設計的適應性和同步程式設計的嚴格性。

非同步程式設計是多工處理者,從一個待辦事項轉移到另一個待辦事項,並在每項任務完成時提醒系統。具有單軌思維的同步編程功能,以嚴格的順序一次檢查一項任務。

非同步程式設計允許同時完成更多事情,通常用於透過提供輕鬆、快速的載入流程來增強使用者體驗。
同步編程最適合在反應式系統中使用。雖然它對開發人員來說編碼更簡單並且被每種程式語言所認可,但同步是資源密集的並且會減慢速度。

下面,我將舉一些例子來更好地解釋同步和非同步程式設計。
同步編程範例

Sychronous VS Asynchronous Javascript

上述程式碼的輸出為;
日產 2003 真實
{ 名稱:'Nissan',年份:2003,好:true }
Adedamola 33 假
被稱為神300真的男人

在上面的程式碼片段中,我所做的只是聲明物件並將值分配給鍵。
您會注意到給出的輸出與上面編寫的程式碼是一致的。這意味著,如果聲明的第一個物件出現錯誤,則其餘程式碼將不會運行,因為它應該同步運行。

非同步程式設計範例

Sychronous VS Asynchronous Javascript

程式碼的輸出是;
一個

四個
文件附加成功
一個新檔案已建立
兩個

這是非同步程式設計的一個例子,因為任務不是按順序執行的,而且一個任務沒有等待另一個任務完成才執行。
理想情況下,從上面寫的程式碼來看,1 應該位於 2 之前,2 應該位於 3 和 4 之前。另外,在追加之前應該要建立一個新文件,但每個任務都是根據執行時間來執行的。
因此,它進一步證實了非同步程式設計允許同時完成更多事情的主張。

以上是同步 VS 非同步 Javascript的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板