#国庆快乐!来点干货~ #
#项目中团队总结生产问题,40%是类型相关问题,可见TS的重要性与向好趋势#
TS是JS的超集
类型
Number、String、Boolean
首字母大小写,类型有区别,譬如:
string是基元(原始类型)
let str = 'hello'
String是包装对象
let str = new String('world')
String对内存不友好,建议用string
string
number
boolean
null
undefined
bigint
symbol
object
object
存储 非原始类型
快捷记忆:以上js原始类型不可存
Object
存储 可调用Object方法的类型
快捷记忆:除null、undefined外的
any
可以赋值给任意类型,但应该避免使用,可当成一种逃生方式
let a: any
let b: string
a = false
b = a
console.log(b) // false
unknown
未知类型,但不能直接分配而破坏其他类型,可以先判断或者使用断言
// 断言
let a: unknown
a = 'hello'let b: string// 方式一
b = a as string// 方式二
b = <string>a
never
不会有值
void
空,undefined
tuple
元组,可精确描述的数组
1.数组类型
2.固定数量,?表示可选
3.每个元素类型已知
let arr1: [string, number]
let arr2: [string, number?]
let arr3: [string, ...number[]] // string后紧跟0个及以上数量的数值
enum
定义一组命名常量
数字枚举
成员值是数值,会自动递增,且可反向映射
enum Direction {Up, // 0Down,Left,Right
}// Direction[0]
// Direction.Up 更建议,清晰function walk(dir: Direction) {}walk(Direction.Up)
字符串枚举
成员值是字符串,无反向映射
enum Direction {Up: 'up',Down: 'down',Left: 'left',Right: 'right'
}// Direction.Up 只能这么写function walk(dir: Direction) {}walk(Direction.Up)
常量枚举
使用const定义,编译时内联,减少生成js代码量
const enum Direction {Up,Down,Left,Right
}
type
为任意类型创建别名
type Status = number | string;
type Gender = '男' | '女';
type Classroom = {grade: numberno: number
}
type Human = {name: stringgender: Gender
}
type Student = Human & Classroomconst stu: Student = {name: '小明',gender: '男',grade: 2,no: 3,
}
操作
1.npm i -g typescript
2.编写一个ts文件
3.tsc 文件
4.node 文件