typescript學習筆記

目錄

一、typescript基礎

1、什麼是typescript？

2、引入TS原因

3、typescript優點？

4、typescript安裝與應用

5、typescript組成部分

一、typescript基礎

1、什麼是typescript？

• typescript是微軟公司開發的開源程式設計語言。它的本質是在JS原因中添加了可選的靜态類型和基于面向對象對象程式設計等新特征。
• typescript是JavaScript的超集，專門為開發大規模可擴充的應用程式而設計，可編譯成原生JavaScript的一種靜态類型語言。（** 雖然typescript包含JavaScript，但是存在極少數JavaScript文法在typescript中不支援，如with。 **）
• typescript與ECMAScript6規範一緻。typescript除了語言功能符合ECMAScript6規範外，還包含泛型和類型注釋等功能。這些功能是對es6的擴充。

• TS語言特點：

  # TS以JS為基礎

  # TS支援JavaScript第三方庫

  # TS是可移植的

  #TS是靜态類型語言

2、引入TS原因

JS是弱類型的語言，設計過于靈活，導緻編寫的代碼可能存在預期之外的bug。在使用JS建構大型可擴充應用時，可能後續會出現難以更新金額維護。ts具有靜态類型檢查功能。能在編譯過程中及時發現文法錯誤，同時支援分子產品開發，編譯後轉成原生JS。（TS需要編譯成JS後才能運作）

3、typescript優點？

TS與JS想比，優勢：

* 編譯時檢查（靜态類型可以讓編譯器在編譯階段檢測文法錯誤）

* 面向對象特征（面向對像程式設計可以更好地大規模建構應用程式）

* 更好的協作（TS支援分子產品開發）

* 更強的生産力（TS遵循es6規範）

*

TS給前端帶來的好處：

• 提高編碼效率和代碼品質
• 增加代碼可讀性和可維護性
• 勝任大規模應用開發
• 使用最先進的JavaScript文法

4、typescript安裝與應用

npm安裝

npm是常用的包管理工具，也是node.js 的預設包管理工具。通過npm可以安裝、共享、分發代碼和管理項目依賴關系。

**tip1:**安裝node.js

下載下傳位址：

https://nodejs.org （最新版本）

https://nodejs.org/download/releases/ （之前版本）

(按預設配置進行安裝)

安裝完成後，檢視是否安裝成功：

打開指令行，輸入：node -v

如圖下顯示則安裝成功。

== npm的安裝包分為本地安裝和全局安裝兩種：npm install express -g (全局安裝) 不帶-g表示本都安裝==

本地安裝的安裝包放在./node_module下，若沒有該目錄則會在執行npm指令時生成./node_module目錄。本地安裝的子產品需要通過require（）來引入。

全局安裝的則将安裝包放在node的安裝目錄下（window），全局子產品直接在指令行裡使用。

安裝typescript

全局安裝：npm install -g typescript

檢查是否安裝成功：tsc -v

安裝淘寶鏡像（提高下載下傳速度）：

//持久使用
npm config set registry https://registry.npm.taobao.org
//驗證是否成功
npm config get registry
           

安裝visual studio 插件

安裝TypeScript SDK for Visual Studio：

• 菜單——工具——擴充與更新
• 輸入框中輸入typescript 找到TypeScript SDK for Visual Studio 點選下載下傳
• 下載下傳完成後。輕按兩下TypeScript_SDK.exe進行環境安裝。

安裝TypeScript HTML Application Template:

點選下載下傳TypeScript HTML Application Template并安裝，在【VSIX installer】界面中，單擊修改進行安裝。

分享一個線上編輯器：http://www.typescriptlang.org/play/index.html。