这篇文章主要介绍了typescript变量怎么声明和赋值的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇typescript变量怎么声明和赋值文章都会有所收获,下面我们一起来看看吧。
1.变量赋值了类型就不能赋值其他类型
1 let a:number;
2 let b:string;
3 a = 10;
4
5 //不可以
6 //a="assdf";
7
2.如果变量的声明和赋值是同时进行的,TS可以自动对变量进行类型检查
let d = false;
//TS在d声明时检测到是boolean类型,所以d不能赋值其他类型
//d=12
3.js中的函数是不考虑参数的类型和个数的,TS中需要指定参数类型和返回值
JS代码:
1 //js中的函数是不考虑参数的类型和个数的
2 function sum(a,b){
3 return a+b;
4 }
5 sum(11,22);//33
6 sum(11,"2222");//112222
TS代码:
1 //TS中
2 function sum_ts(a:number,b:number){
3 return a+b;
4 }
5 sum_ts(11,22);//33
6 //不允许传参是string类型
7 //sum_ts(11,"2222");//112222
8
9 //函数的返回值是number
10 function sum_ts_return(a:number,b:number):number{
11 //return a+"sdfsdf";//这个是不允许返回的
12 return a+b;
13 }
14 sum_ts(11,22);//33
15 //不允许传参是string类型
16 //sum_ts(11,"2222");//112222
4.object类型声明
1 //object 表示一个js对象
2 let cc:object;
3 cc={};
4 cc=function(){
5
6
4.1{}用来指定对象中可以包含哪些属性
语法;{属性名:属性值}
在属性名后面加?表示属性是可选的
1 let ccc:{name:string,age?:number};
2 //ccc={};
3
4.2:[propName:string]:any 任意类型的属性
propName 任意属性名(string),属性值类型是any(不做限定)
1 let cccc:{name:string,[propName:string]:any}
2
5.函数的声明
设置函数结构的类型声明
语法:(形参:类型,...)=>返回值
1 let dd:(a:number,b:number)=>number
2 dd=function(a,b){
3 return a+b;
4 }
5
6.数组:
数组
语法(声明的两种方式):
1 //string类型的数组
2 let ee:string[]
3
7.元组,元组就是固定长度的数组
语法:[类型,类型,类型]
1 let h:[string,number];
2
8.enum枚举:
1 enum Gender{
2 Male=0,
3 Female=1
4 }
5 let eeee:{
6 name:string,
7 gender:Gender
8 }
9 eeee={
10 name:"sdfsdf",
11 gender:0
12 }
13
9.& 和 |
&:
1 let j:{name:string} & {age:number};
2
|:这里的myType 1|2|3表示可以是1或者2或者3
1 type myType = 1|2|3|4;
2 let k:myType//等同于 let k:1|2|3|4
关于“typescript变量怎么声明和赋值”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“typescript变量怎么声明和赋值”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注天达云行业资讯频道。