TS初识

181 阅读1分钟

语言类型

弱类型

在定义变量的时候,我们可以为变量赋值任何的数据,变量的数据类型不是固定死的,这样的类型叫做弱类型;

强类型

在声明变量的时候,一旦给变量赋值,那么变量的数据类型就已经确定,之后如果要给该变量赋值其他类型的数据,需要进行强制数据类型的转换。

动态类型和静态类型

动态类型和静态类型的核心区别:动态类型的类型检查会在代码运行的时候进行,而静态类型的类型检查则是在编译的进行。

静态类型优点

1.提高代码的可读性; 2.减少了复杂的错误处理逻辑; 3.便于代码重构; 4.增强IDE的功能。

静态类型缺点

1.会增加代码量; 2.需要花时间掌握类型; 3.可能会降低开发效率;

TS

安装TypeScript

npm i typescript -g 提供'tsc',编译运行

ts配置文件的说明

1.创建配置文件

tsc --init

2.设置配置项

*target: 转换成那个版本的js代码 es5 es3

*module: 使用的模块化的标准是什么

*outDir:转换的js存放的文件路径

*rootDir:ts代码的存放路径

*strict:是否使用严格模式

3.使用配置文件

tsc -p ./tsconfig.json

ts的数据类型

number string boolean

数组 Array<数据类型>

let arr: Array<number> = [1,2,3];

数据类型[]

let arr: number[] = [1,2,3];

元组Tuple

let arr:[number, string] = [1, 'a'];

void 空值 undefined null any

object类型

let o: object = {};
let 0 : object = [];

对象类型

enum: 枚举类型

gender: 0 1 -1

enum Gender {
    male = 1,
    female = 0,
    unknow = -1
}

let gender: Gender = Gender.male;

let obj = {
    gender: Gender.male
}