typescript 基礎隨筆1
阿新 • • 發佈：2020-09-11
TypeScript是JavaScript的一個超集
TypeScript最重要的一個特點就是可以定義靜態型別，JavaScript是一個弱型別的語言，通過TypeScript的定義靜態型別，可以將變數強型別化
在TypeScript靜態型別分為兩種，一種是基礎靜態型別，一種是物件型別
1.基礎靜態型別
number，string，array，enum，any，boolean
| 型別 | 描述 |
| boolean | 只有兩個值 true和false |
| number | 所有浮點數都是number |
| string | 表示文字 |
| array |
表示陣列，宣告方式有兩種 1. var list :number[] = [1,2,3]; 2. var list :Array<number>= [1,2,3]; |
| enum |
enum為了給一個數自己和更友好的命名。 enum型別中的成員預設從0開始，也可以手動設定成員中的值來更改這種預設行為 enum Color {Red,Green,Blue}; var c:Color = Color.Green; |
| any |
any 表示任意JavaScript的值 var notSure :any = 4; notSure = 'maybe a string instead'; notSure = true;//合法行為定義為一個布林型別 也可以定義一個混合型別的陣列 var list:any[] = [1,'free',true]; list[1] = 100; |
| void |
在某種程度上any的對立面是void，即所有型別都不存在的時候，你會在一個函式沒有返回值時看到void functionsayHello():void{ console.log('hello') } |
在JavaScript中原始型別包括undefined和null，但是在TypeScript中不能把 null 和 undefined 作為型別使用
2.物件型別
物件型別的集中形式：
2.1物件型別
const person:{
name:string,
age:number
}2.2陣列型別
const girls : String [] = ['小紅','小英','小蘭']2.3類型別
class Person{}
const hong: Person = new Person()2.4函式型別，
const hong: ()=> string =()=>{return '小紅'}