一、typescript-变量

目录

• 1.变量赋值了类型就不能赋值其他类型
• 2.如果变量的声明和赋值是同时进行的，TS可以自动对变量进行类型检查
• 3.js中的函数是不考虑参数的类型和个数的，TS中需要指定参数类型和返回值
• 4.object类型声明
  • 4.1{}用来指定对象中可以包含哪些属性
• 5.函数的声明
• 6.数组：
• 7.元组，元组就是固定长度的数组
• 8.enum枚举：
• 9.& 和 |

 

---

回到顶部

1.变量赋值了类型就不能赋值其他类型

    let a:number;
    let b:string;
    a = 10;

//不可以
//a="assdf";
b="123"

回到顶部

2.如果变量的声明和赋值是同时进行的，TS可以自动对变量进行类型检查

let d = false;
//TS在d声明时检测到是boolean类型，所以d不能赋值其他类型
//d=12

回到顶部

3.js中的函数是不考虑参数的类型和个数的，TS中需要指定参数类型和返回值

JS代码：

//js中的函数是不考虑参数的类型和个数的
function sum(a,b){
    return  a+b;
}
sum(11,22);//33
sum(11,"2222");//112222

TS代码：

//TS中
function sum_ts(a:number,b:number){
    return  a+b;
}
sum_ts(11,22);//33
//不允许传参是string类型
//sum_ts(11,"2222");//112222

//函数的返回值是number
function sum_ts_return(a:number,b:number):number{
    //return  a+"sdfsdf";//这个是不允许返回的
    return  a+b;
}
sum_ts(11,22);//33
//不允许传参是string类型
//sum_ts(11,"2222");//112222

回到顶部

4.object类型声明

//object 表示一个js对象
let cc:object;
cc={};
cc=function(){

}

4.1{}用来指定对象中可以包含哪些属性

语法;{属性名：属性值}

在属性名后面加？表示属性是可选的

let ccc:{name:string,age?:number};
//ccc={};
ccc={name:"joy"};

4.2：[propName:string]:any 任意类型的属性

propName 任意属性名（string）,属性值类型是any(不做限定)

let cccc:{name:string,[propName:string]:any}
cccc={name:"sdfsdfsdfsdf",xxx:111,xxa:"sdfsdf"}

回到顶部

5.函数的声明

设置函数结构的类型声明

语法:(形参:类型,...)=>返回值

let dd:(a:number,b:number)=>number
dd=function(a,b){
    return a+b;
}
dd(1,2);

回到顶部

6.数组：

数组

 语法（声明的两种方式）：

• 类型[]
• Array<类型>

//string类型的数组
let ee:string[]
let eee:Array<number>

回到顶部

7.元组，元组就是固定长度的数组

 语法：[类型,类型,类型]

let h:[string,number];
h=["sdfsdf",77]

回到顶部

8.enum枚举：

enum Gender{
    Male=0,
    Female=1
}
let eeee:{
    name:string,
    gender:Gender
}
eeee={
    name:"sdfsdf",
    gender:0
}
console.log(eeee.gender ===Gender.Male);

回到顶部

9.& 和 |

&：

let j:{name:string} & {age:number};
j={name:"joy",age:12312};

|：这里的myType 1|2|3表示可以是1或者2或者3

type myType = 1|2|3|4;
let k:myType//等同于 let k:1|2|3|4