【JavaScript系列】之零：TypeScript牛刀小試

DATE: 2019-2-27

---

前言

   基於對JavaScript編程語言的好奇，在查看相關資料時，看到已經出現了一個更好的編程語言：TypeScript。下面簡單介紹一下這個編程語言，做爲JavaScript系列的開篇。

0、參考

淺談TypeScript
官方網址：http://www.typescriptlang.org/
GITHUB：https://github.com/Microsoft/TypeScript

一、什麼是TypeScript？

   TypeScript起源於開發應用程序規模的JavaScript應用程序的需求，是一種微軟開發的自由和開源的編程語言，它是JavaScript的超集，擴展了JavaScript的語法。TypeScript可處理已有的JavaScript代碼，並只對其中的TypeScript代碼進行編譯。TypeScript代碼保存在ts文件中，ts文件通過編譯以後會生成一個js文件，任何有效的JavaScript代碼均可以直接做爲TypeScript代碼編譯。所以現有的JavaScript代碼可與TypeScript一塊兒工做無需任何修改，TypeScript經過類型註解提供編譯時的靜態類型檢查。

二、TypeScript安裝

能夠經過兩種方式安裝TypeScript:

• 經過Node.js包管理器（npm）
• 經過於Visual Studio 2012繼承的MSI

經過npm安裝的步驟：
1、安裝npm

$curl http://npmjs.org/install.sh | sh
$ npm --version

2、安裝TypeScript npm包

$npm install -g typescript

安裝完成以後咱們就可使用TypeScript編譯器，名稱叫tsc，可將編譯結果生成js文件。

3、編譯TypeScript文件

tsc filename.ts

三、TypeScript優勢

• 便於開發人員作註釋；
• 能幫助開發人員檢測出錯誤並修改。
• TypeScript工具使重構變得更加容易、快捷。
• TypeScript引入了JavaScript中沒有的「類」的概念；
• TypeScript引入了模塊的概念，能夠把聲明、數據、函數和類封裝到模塊中。
• 類型安全功能能夠在編碼期間檢測錯誤，這爲開發人員建立了一個更高效的編碼和調試過程。

四、JavaScript應用

讓咱們來看看 JavaScript 如何幫助你構建可擴展的世界級產品。

1. 服務器端開發
   NodeJS 已經成爲不少後端開發人員的福音。它爲 JS 程序員提供了一個很是強大的基礎，幫助他們用 JavaScript 構建桌面和服務器應用程序，而且無需用到瀏覽器。
2. 移動開發
   隨着移動應用需求的快速增加，企業在將 Go-Mobile 做爲增加戰略方面存在着巨大的壓力。爲了知足這種不斷增加的需求，不少跨平臺框架正變得愈來愈流行，用以減小時間和成本。基於 JavaScript 的 AngularJs 和 React Native 正被用於構建出色的移動解決方案。
   事實上，React Native 在移動應用程序開發人員當中愈來愈受歡迎，他們都但願採用跨平臺的移動開發方法，而不是去學習使用 Android 和 iOS 進行原生開發。
3. 很是快的 JavaScript 引擎
   瀏覽器巨頭 Mozilla、谷歌和蘋果一直在展開競爭，意欲構建出最快的瀏覽器 JavaScript 解釋器，確保瀏覽器可以模擬相似於原生應用程序運行的環境。他們正在努力爲網絡應用程序提供原生移動應用程序的功能、速度和性能。

五、必學的 JavaScript 框架

有不少流行的 JavaScript 框架，它們在首次亮相時就由於各類緣由令開發人員驚歎不已。緣由之一是由於這些技術棧的普遍採用以及圍繞 JS 構建的廣大社區。讓咱們來看看這些流行的 JS 框架。

1. AngularJS
   這個由谷歌提供支持的 JS 框架是一個在開發者社區中很是受歡迎的框架。這個框架於 2010 年發佈，採用了一種改良的 Web 開發方法，旨在使用最短的時間開發 Web 應用程序，能夠幫助你開發出設計精美、穩定、安全和創新的移動和 Web 應用程序。
   它將 HTML 屬性與 Angular 指令混合在一塊兒，爲 HTML 代碼提供了全新的生命。此外，它易於理解且易於部署。
2. ReactJS
   Facebook 和 Instagaram 的應用程序使用了 React.js。它能夠幫助你開發可擴展的應用程序，以知足當今編程世界裏的各類動態需求。
   ReactJS 很是可靠且穩定，順暢的前端開發和虛擬 DOM 實現是開發人員青睞它的主要緣由。
3. Vue.js
   這個簡單的框架應該是編程領域初學者應該考慮的選項之一。它的靈感來自 ReactJS、AngularJS 和 Knockout.js 等框架，旨在建立一個在各個方面都富有成效的生態系統。
4. Meteor.js
   Meteor.js 於 2012 年由 Meteor 開發團隊發佈，使用了 MIT 許可，是一個開源 JavaScript 框架，讓前端開發變得更簡單。
   它是一個完整的框架，很是穩定，並使用純 JavaScript 來構建可擴展的端到端 Web 和移動應用程序。它涵蓋了完整的開發棧，並提供了大量的資源、教程和軟件包，能夠完全改變 Web 或移動應用程序的開發過程。
5. Backbone.js
   它由 Jeremy Ashkenas 在 2010 年發佈，基於 MIT 許可。這個開源框架很是強大，提供了不少內置功能。它能夠經過編寫代碼或使用第三方框架在其上構建功能完備的框架。像 Pinterest、Delicious、Disqus、沃爾瑪和 Foursquare 這樣的大巨頭都使用了 Backbone。
6. Polymer.js
   谷歌於 2013 年發佈了這個 JS 框架，旨在經過 Web 組件擴展 HTML 功能。它爲開發人員在瀏覽器技術的基礎上構建自定義 HTML 元素提供了強大的動力。

---

THE END!