number类型
let num:number=12;
let figure:number=33;
string类型
let str:string="123";
let str1:string="hello world";
boolean类型
let isShow:boolean:false;
array类型
声明数组有两种方式:
一、在类型后面拼接上数组,例如
let arrNumber:number[]=[1,2,3];
二、使用泛型的方法,例如
let arr:array<number>=[1,2,3];
string、number、array混合使用方法
let MixArr:(string|number)[]=["hello",12]
let StrArr:string[]=["hello","world"]
元组Tule类型
表示已知类型的元素的数量和类型的数组,元素的类型可以不相同
let inner:[string,number];
inner=["hello",12] //ok
inner=[12,12] //error
枚举
enum enumeration={
//列出来
left : 24,
right, // 25
top, // 26
bottom, // 27
}
通过这个例子可以看出来枚举就是说我们定义了一个变量,后面的变量都会累加
函数的传参
函数参数其实和我们在js中传参是一样的,只不过多了个类型的判断
function fn(age:number){
//定义的参数是number类型
return age;
}
fn("111"); //Error
fn(12); //ok
function inner(name:string,age:number){
//定义参数类型必须是string和number类型
return number+"今年"+number+"岁了";
}
inner("张三",18); // ok
function fn(age:number):number{
//定义的参数是number类型,返回值必须也是number类型
return age;
}
fn("111"); //Error
fn(12); //ok
使用typescript的好处
在js中声明一个变量,而且这个变量可以是number类型、可以是string类型。
let num=12;
let str="hello"
在typescript中声明number类型,声明了一个number类型的变量名,使
其只能是number类型,使用typescript的好处时是类型定义更加清晰,类型错误
时,typescript类型检查直接就报错了
let num:number=12;
let num:number="hello"; //Error
let figure:string="hello"; //ok