TypeScript 入门

TypeScript 简介

• TypeScript（简称：TS）是 JavaScript 的超集（JS 有的 TS 都有）。
• TypeScript = Type + JavaScript（在 JS 基础之上，为 JS 添加了类型支持）。
• TypeScript 是微软开发的开源编程语言，可以在任何运行 JavaScript 的地方运行。

TypeScript 是 JS 的超集，TS 提供了 JS 的所有功能，并且额外的增加了：类型系统。

• 所有的 JS 代码都是 TS 代码。
• JS 有类型（比如，number/string 等），但是 JS 不会检查变量的类型是否发生变化。而 TS 会检查。

TypeScript 类型系统的主要优势：可以显示标记出代码中的意外行为，从而降低了发生错误的可能性。

运行TypeScript文件

npm i -g typescript
tsc –v

*.ts 文件需要编译成为 *.js 文件然后运行

tsc hello.ts
node hello.js

这样编译+运行很麻烦，下面介绍简单的方式。

简化方式

简化方式需要 ts-node 工具

npm i -g ts-node

使用例子 hello.ts

ts-node hello.ts

TS 类型简述

可以将 TS 中的常用基础类型细分为两类：1 JS 已有类型 2 TS 新增类型。

1. JS 已有类型
   • 原始类型：number/string/boolean/null/undefined/symbol。
   • 对象类型：object（包括，数组、对象、函数等对象）。
2. TS 新增类型
   • 联合类型、自定义类型（类型别名）、接口、元组、字面量类型、枚举、void、any 等。

举个例子

let age: number = 18
let mtName: string = 'ls'
let isLoading: boolean = false

ts 中的变量赋值需要用冒号来进行类型注释，来确定变量的类型，但不是强制的。如果你不写类型注释的话，编译器会自动进行类型推断，但并不建议这么做。