TypeScript基本语法
比特聚客 2022-02-02 typescript
# ts 基本语法
ts 的常用基础类型分为两种: js 已有类型
- 原始类型:
number/string/boolean/null/undefined/symbol - 对象类型:
object(包括,数组、对象、函数等对象)
ts 新增类型
- 联合类型
- 自定义类型(类型别名)
- 接口
- 元组
- 字面量类型
- 枚举
- void
- any
- 等等
# 类型检测
let num:number = 10
num = 1
let str:string = ''
let a:boolean = true
a = false
let b:null = null
let c:undefined = undefined
let str1:string = null
let num1:number = undefined
// 数组定义
// 定义空数组
let arr:\[\] = \[\]
// 定义数组 1
let arr1:number\[\] =\[1,2,3\]
// 定义数组2:泛型
let arr3:Array<number> = \[1,3,4\]
// Ayn任意类型
let ac:any =\[\]
ac = 1
ac = ''
ac = false
ac = {}
// void 空值表示没有任何返回值的函数
function fun():void{
console.log('123')
}
// 没有任何类型
let v:void = undefined
// 函数返回值类型
function fun1():number{
console.log('123')
return 123
}
# any 任意类型
any表示任意类型, 当我们不清楚某个值的具体类型的时候我们就可以使用any,任何数据类型的值都可以赋值给any类型
一般用于定义一些通用性比较强的变量, 或者用于保存从其它框架中获取的不确定类型的值
注意不要过多使用any,因为什么都是any那ts就变成js了
let value:any; // 定义了一个可以保存任意类型数据的变量 value = 123; value = "abc"; value = true; value = [1, 3, 5];
# void类型
void与any正好相反, 表示没有任何类型, 一般用于函数返回值。在TS中只有null和undefined可以赋值给void类型
function test():void {
console.log("hello world");
}
test();
let value:void; //
// value = 123; // 报错
// value = "abc";// 报错
// value = true;// 报错
// value = null; // 不会报错
value = undefined;// 不会报错