Typescript入門

 課程地址：https://www.imooc.com/learn/763

一、初識

二、優點

三、compiler

線上編譯器：

本地編譯器

npm install -g typescript

生成hello.js

IDE創建項目

勾選

四、字符串新特性

（1）多行字符串

舊的

新的

（2）字符串模板

（3）自動拆分字符串

整個模板會被切分紅一個數組

五、參數新特性

（1）參數類型：在參數名稱後面使用冒號來指定參數的類型

錯誤提醒

void說明不須要返回值

自定義類型：

（2）參數默認值：在參數聲明後面用等號來指定參數的默認值

帶默認值的參數必定要聲明在最後面

（3）析構表達式：經過表達式將對象或數組齋戒成任意數量的變量

針對對象的析構表達式：

ES5

ES6寫法

別名

不影響析構表達式

針對數組拆出本地變量：

六、箭頭表達式

用來聲明匿名函數，消除傳統匿名函數的this指針問題

 

七、for循環（forEach,for in ,for of）

7.1forEach

break關鍵字在forEach裏是不支持的，forEach不循環desc屬性

7.2for in

for in循環的是鍵

for in循環值

7.3for of（能夠break）

不打印屬性

能夠用在數組，map，字符串上

 

八、面向對象特性

8.1類

類的示例化：

類的控制符：

public是默認的，在類的內部和外部均可以訪問

private是類的私有屬性，只能在類的內部訪問，外部訪問不了

類的內部能夠訪問

protected能夠在類的內部，和子類訪問，類的外部也不能訪問

在js裏，類的繼承都是經過prototype的

類的構造函數（只有在實例化的時候會被調用，並且只會調用1次）：

實例化時必須傳遞參數，構造函數的寫法，下面會提示報錯

在構造函數裏，public是聲明瞭一個屬性

 

這裏沒有public，沒有聲明name屬性，打會報錯

類的繼承：extends

能夠新增屬性和方法

super關鍵字：

用途1：調父類的構造函數：

調用父類其餘方法

私有方法調用不了doWork

8.2範型：參數化的類型，通常用來限制結合的內容

用來指定數組只能放person裏的類型，數字2的時候會報錯

8.3接口：用來創建某種代碼約定，使得其餘開發者在調用某個方法或建立新的類時必須遵循接口所定義的代碼約定（js裏是沒有接口這個概念的）

做爲方法的類型聲明：

多傳少傳都會報錯

用接口聲明方法（implements-實現）：

當聲明的類要實現一個接口，他必需要實現這個接口的方法，不然會報錯

8.4模塊：能夠幫助開發者將代碼分割爲可重用的單元。開發者能夠本身決定將模塊中的那些資源（類，方法，變量）暴露出去供外部使用，哪些資源只在模塊內使用

在typescript裏，模塊就是文件，一個文件就是一個模塊

在模塊內部由export，import關鍵字支撐

語法提示只有pro1

回車後自動補全

一個模塊既能夠import也能夠export

8.5註解：微程序的元素（類，方法，變量）加上更直觀明瞭的說明，這些說明信息與程序的業務邏輯無關，而是供指定的工具或框架使用的

8.6類型定義文件

報錯

js框架的類型定義文件

類型定義文件的下載

9.總結