01.03 前端開發,你還沒使用Angular嗎?

全文共1807字,預計學習時長

6分鐘

前端開發,你還沒使用Angular嗎?


2020年來了,在前端開發中,大多數人仍然在大肆宣傳React框架。


他們鼓吹React多麼強大,能用於網頁、桌面和移動開發,廣受許多大公司青睞。


而在筆者心中,在嘗試了Vue和React後,Angular仍一直是那抹無法磨滅的白月光。

真愛至上。


每個庫各有優缺,為項目選擇不同的庫還是增加了些許難度。這裡不會深入比較JavaScript各種框架和庫,因為網上關於這方面的內容很多。


接下來,筆者將和大家簡單說明,為什麼在嘗試了Vue和React之後,Angular會成為我的最終選擇。


TypeScript


你之前肯定聽過TypeScript可以跟React和Vue一起使用。


確實如此,TypeScript是JavaScript的強類型超集,而Angular是基於TypeScript建立的。隨時可用,上手輕鬆。我喜歡TypeScript,因為它是一門嚴謹的類型語言——類型只要使用正確,代碼就更易於理解、管理和重構。


例如,通過使用類型,可以知道函數採用什麼類型的參數以及直接從IDE返回什麼值。因此無需頻繁地執行console.log()來查看每次操作的參數和結果,省去了諸多麻煩。


編譯器還可以挑選出那些隱藏頗深、只能在運行時才能檢測到的類型不匹配。幾乎每個JavaScript開發人員都有過處理類型錯誤的調試經歷。當然,還有其他方法也可以解決此問題——例如,在React中可以使用類型檢查proptypes,但不如TypeScript和Angular中的類型自然。


TypeScript還有一個突出的優點:它提供了依賴注入,在Angular中得到了廣泛使用,因為將服務和其他類注入到組件中,組件便得以訪問那些類。


前端開發,你還沒使用Angular嗎?


RXJS


RXJS不只應用於Angular,它可以添加到任何項目中並且使用方式基本相同。然而,它會緊隨Angular一起用於HTTPClient等內置服務中,這是從使用Angular的應用發出HTTP請求的可用方法。這體現了RXJS用最少代碼提供各種強大功能。


發出get請求但發現響應格式不符合期望時,添加switchMap等運算符就能夠更改並得到所需格式的數據。想對返回值進行其他修改也很容易,添加其他運算符即可。此外,找不到一個可以完成預期操作的運算符時,還可以構建自定義運算符。


因此,對現有代碼進行重構或添加其他功能變得相對簡單多了。RxJS對於狀態管理也非常有用,可以創建一個可觀察對象並進行多方訂閱——對象發生改動時,它就會通知所有訂閱者。


最後,“固執己見”的Angular框架


2015年我通過學習Ruby on Rails入門網絡開發。這個框架非常棒,許多方面我都很喜歡,其中一點就是它的“固執己見”。不瞭解這種框架的人可能會誤解,其實這裡的“固執己見”是指這種框架具有自己的處理方式,開發人員必須遵循這種方式(至少在一定程度上)。


有些人可能不喜歡這些限制,而是希望能自由、靈活地對項目進行設置。如果是這樣,那麼也許他們使用React框架可以更好地把控開發Web應用的過程。


而我喜歡Angular是因為使用AngularCLI設置項目後能立即獲得模板引擎、路由器、表單驗證、響應式編程RXJS和一份有關如何構建代碼以及數據如何在應用程序中傳遞的指南。因此,Angular能幫助開發人員更容易理解和編輯他人的代碼。


前端開發,你還沒使用Angular嗎?

Angular可能比Vue和React更難掌握,但是一旦你上手了,便擁有了一個可用於混合移動/ PWA開發(帶有Ionic 4)的全合一框架,既有Google支持,又有良好的文檔記錄,還附帶多種功能便於處理下一個項目。


這麼便利,何樂而不為呢?趕緊來拿下Angular吧!

前端開發,你還沒使用Angular嗎?

前端開發,你還沒使用Angular嗎?

我們一起分享AI學習與發展的乾貨


分享到:


相關文章: