## interface接口 定義一種規范，約束。 ``` // 情況一： interface DataType { name: string, age: number } // info對象中，屬性不多不少，需要和接口定義數據類型（DataType）一致。 const info: DataType = { name: 'abc', age: 18 } ``` ``` // 情況二： interface DataType { name: string, age?: number } // info對象中，屬性age可選屬性，可有可無。 const info: DataType = { name: 'abc' } ``` ## type定義 給類型起一個新名稱（別名），和interface使用基本一樣 ``` type DataType { name: string, age: number } // info對象中，屬性不多不少，需要和接口定義數據類型（DataType）一致。 const info: DataType = { name: 'abc', age: 18 } ``` ## typeof與keyof ``` type DataType { name: string, age: number } const info: DataType = { name: 'abc', age: 18 } type myKey = keyof info // 報錯，可改為為 type myKey = keyof typeof info type myKey = keyof DataType // 獲取定義類型的key值 ``` ## 泛型（不確定傳入類型） ``` // T: 不確定類型 function fn<T>(params: T):T{ // 傳入一個T型，返回一個T型 return params; } const str = fn<string>('字符串') const num = fn<number>(100) ```