TypeScript

TypeScript是JavaScript的一个超集, TypeScript在原有的基础之上又添加了编译器类型检查的功能, 意味着如果使用TypeScript进行开发, 会对变量的类型进行较为严格的验证, 防止程序员写出可能出错的代码, 规范变成习惯, 适合大项目开发。

// JavaScript
let a = 100
let b = 'Hello World'

// TypeScript
let a:number = 100
let b:string = 'Hello World'

TypeScript代码的编写及运行方式

TypeScript代码写在后缀为.ts文件中, 这种文件可以被TypeScript编译器编译解析。该编译器读取ts文件后, 将会把ts代码转换成一套功能相同的js代码, 输出到一个js文件中, 这个过程称为编译。ts代码是无法直接运行的, 它只是提供了一套编译环境, 可以将ts转换成js, 最终程序还是要执行js代码。

安装TypeScript编译器

# 安装ts编译器

npm install -g typescript

# 安装ts-node运行环境, 集成到vscode中

npm install -g ts-node

# 也是一个插件

npm install -g tslib  @types/node

以上命令都是全局安装

安装完毕后, 就可以使用tsc命令, 对ts文件进行编译:

tsc  hello.ts

这里写一段简单的代码来测试一下

 

然后需要编译一下这个文件, 编译文件的时候需要跑一条命令, 在文件的目录下cmd打开终端控制台执行: tsc hello.ts(文件名)

 

 执行完没反应就代表成功了, 在看当前目录下, 生成了一个js的文件

 把两个文件都打开, 可以看到

编译出来的结果是这样的 

 在ts文件中在写一行代码, a = b, 这是一个赋值语句, b的值赋值给了a, 然后再去编译一下

就会报错, b的类型是string类型, 而a的类型是number类型, 所以string类型的数据是不能赋值给number类型的数据的。

这就是最初的对TypeScript的认识 

基本数据类型

// 体会ts的基本数据类型
let pName:string = '小明'
let pAge:number = 18
let pMarried:boolean = false
// 报错!!!不能将数据"15"分配给类型"string"
// pName = 15

// 声明一个变量, 描述数组类型的数据
// string[]用于描述字符串数组类型 这个数组内只能放字符串
let pHobby:string[] = ['吃','喝','玩','乐']
let pFav:Array<string> = ['抽烟','喝酒','烫头']
console.log(pHobby.join('; '));
console.log(pHobby.join(' / '));

// 声明变量描述一个元组类型的数据   Tuple内部的元素数据类型可以不同
let params:[string, number, number] = ['杀手', 1, 100]
// 元组用于整合一些不同类型的数据, 当做一个整体来进行后续处理有非常严格的验证
params = ['小破球', 2, 200]