説明

• TypeScript的練習網站
• TypeScript必須在定義變數時就宣告型別，並且不可改變變數的型別。

宣告字串

var title: string = 'Angular';
//title = 10000 ←不可以把變數的型態改成數值

title = 'Angular4'; //如果用var宣告的話就可以改變文字內容

宣告數值

var num: number = 9;

宣告布林值

var isOpen: boolean = true;

宣告陣列

文字陣列

var array: string[] = ['name', 'email', 'body'];

數字陣列

var numbers: number[] = [1, 5, 7];

混合陣列

var data: [number, string, number] = [0, 'apple', 99]

宣告物件

var options: { [key: string]: string; } = {name: 'gggg'} 
//key可以自己換別的字

宣告任意型別

任意型別類似JavaScript的一般變數，宣告後可以改變他的型別。

var something: any = 'go'; //最初宣告為任意型別，給定型別為字串

something = 2000; //改變型別為數值
something = false; //改變型別為布林值

用了any的話，型別就不會被檢查。所以一般推薦少用為妙。

不給定型別也可以

不給型別的話，TypeScript會自己辨認型別。

var aaa = "string";

//aaa = 1000 //還是不能更動型別，所以這樣會error

宣告複數型別

var sample: string | number;

sample = "aaaaa";
sample = 100000; //這個變數可以代入字串或數值

型別轉換

function log(message: string) { 
 return `text content is ${message}`
}

log('ggg') //text content is ggg;

//轉換參數型別為任意型別
log(<any>1000); //text content is 1000