擁抱TypeScript

TypeScript入門

基本類型和擴展類型

1. Typescript與Javascript共享相同的基本類型，但有一些額外的類型。

• 元組Tuple
• 枚舉enum
• Any與Void
• never

基本類型

// 數字
let num: number = 6;
let num: number = 0xf00d;

// 字符串
let name: string = "bob";

// 數組，第二種方式是使用數組泛型，Array<元素類型>：
let list: number[] = [1, 2, 3];
let list: Array<number> = [1, 2, 3];
let list: any[] = [1,2,3,'4'];

// symbol
let s:symbol = Symbol('s');

// boolean
let isTrue: boolean = true;

// undefined
let u: undefined = undefined;

// null
let n: null = null;

// 定義多種類型
let s:string|undefined;

特殊類型

1. 元組Tuple

   元組做爲有組織的數組，須要以正確的順序預約義數據類型。

   const tuple: [number, string, string] = [24, "Indrek" , "Lasn"];
   const arr3:[string, number] = ['12',1];

2. 枚舉enum

   enum類型是對JavaScript標準數據類型的一個補充。 像C#等其它語言同樣，使用枚舉類型能夠爲一組數值賦予友好的名字。

   enum Flag {
       success = 0,
       error = 1
   }
   let c: Flag = Flag.success; // 0
   let d: string = Flag[0]; // success

3. Any

   表示任意類型，慎重使用，用多了就失去使用Ts的意義

   用於類型不明確的狀況

4. Void

   • 在Typescript中，你必須在函數中定義返回類型
   • 咱們能夠將其返回值定義爲void
   • 用void定義的函數不能寫return

   function run():void{
       console.log('run')
   }

5. never

   Never是永遠達不到的值

   // 返回never的函數必須存在沒法達到的終點
   function error(message: string): never {
       throw new Error(message);
   }
   
   // 推斷的返回值類型爲never
   function fail():never {
       return error("Something failed");
   }
   
   // 返回never的函數必須存在沒法達到的終點
   function infiniteLoop(): never {
       while (true) {
       }