typescript变量怎么声明和赋值

2023-06-20

这篇文章主要介绍了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.数组:

数组

 语法(声明的两种方式):

  • 类型[]

  • Array<类型>

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变量怎么声明和赋值”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注本站行业资讯频道。

《typescript变量怎么声明和赋值.doc》

下载本文的Word格式文档,以方便收藏与打印。