JS非同步程式設計怎麼回事 如何能學好Web前端開發

智雲程式設計發表於2019-09-25

JS非同步程式設計怎麼回事?如何能學好Web前端開發?JavaScript是Web前端開發三要素之一。JavaScript涵蓋的內容比較多,需要一個較為系統的學習過程才能逐漸掌握,下面就給大家講解一下JavaScript非同步程式設計的知識。

JS非同步程式設計怎麼回事 如何能學好Web前端開發

什麼是非同步?

所謂"非同步",簡單說就是一個任務分成兩段,先執行第一段,然後轉而執行其他任務,等做好了準備,再回過頭執行第二段。這種不連續的執行就叫做非同步,程式非同步執行,可以提高程式執行的效率,相應地,連續的執行就叫做同步。

JavaScript非同步程式設計方法

1、回撥函式。回撥函式在Javascript中非常常見,一般是需要在一個耗時操作之後執行某個操作時可以使用回撥函式。在回撥函式巢狀層數不深的情況下,程式碼還算容易理解和維護,一旦巢狀層數加深,就會出現“回撥金字塔”的問題,還有一個問題就是我們在回撥函式之外無法捕獲到回撥函式中的異常。

2、事件監聽(事件釋出/訂閱)。事件監聽是一種非常常見的非同步程式設計模式,它是一種典型的邏輯分離方式,很適合一些需要高度解耦的場景。通常情況下,我們需要考慮哪些部分是不變的,哪些是容易變化的,把不變的部分封裝在元件內部,供外部呼叫,需要自定義的部分暴露在外部處理。從某種意義上說,事件的設計就是元件的介面設計。

3、Promise物件。ES 6中原生提供了Promise物件,Promise物件代表了某個未來才會知道結果的事件(一般是一個非同步操作),並且這個事件對外提供了統一的API,可供進一步處理。使用Promise物件可以用同步操作的流程寫法來表達非同步操作,避免了層層巢狀的非同步回撥,程式碼也更加清晰易懂、方便維護。

Javascript的非同步處理方法並不是真正的非同步,Javascript非同步是靠事件驅動來實現的。瀏覽器端的Javascript實現了兩個很重要的API,它們分別是定時器和ajax請求。如果你想了解更多JavaScript非同步程式設計知識,可以選擇專業系統的學習,能讓你係統快速的學到技術,能夠以高的起點進入職場。

自己是一個6年的前端開發工程師

這裡推薦一下我的前端學習交流扣qun:784783012 ,裡面都是學習前端的,從最基礎的HTML+CSS+JS【炫酷特效,遊戲,外掛封裝,設計模式】到移動端HTML5的專案實戰的學習資料都有整理,送給每一位前端小夥伴。2019最新技術,從企業招聘人才需求 到怎麼學習前端開發,和學習什麼內容都有免費系統分享。好友都在裡面學習交流,每天都會有大牛定時講解前端技術!

點選: 加入


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901074/viewspace-2658224/,如需轉載,請註明出處,否則將追究法律責任。

相關文章