持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第10天，点击查看活动详情 TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是 JavaScript 的超集。 那么它有什么特别之处呢?
- 简单来说，js 有的 ts 都有，所有js 代码都可以在 ts 里面运行。
- ts 支持类型支持，ts = type +JavaScript。
那么 ts 和 js 有什么区别呢？
-
JavaScript 属于动态编程语言，而ts 属于静态编程语言。
- js：边解释边执行，错误只有在运行的时候才能发现
- ts：先编译再执行，在写的时候就会发现错误了（ts不能直接执行，需要先编译成 js ）
-
ts 完全支持 js ，可以直接转换
5. ts 有类型支持，有强大的代码类型提示
相信大家现在对 ts 有一个基本的了解了，那么它应该怎么使用呢？ 首先先做一些简单的准备工作：
- 下载一个全局的包
npm i -g typescript
或者
yarn global add typescript
复制代码
- 打开cmd 输入命令 tsc -v 查看包是否下载成功
当 cmd 输入指令出现版本号，就说明下载成功啦 3. 首先打开 vscode， 新建一个 .ts文件。如 hello.ts
接下来就可以书写 ts 的代码啦！
- 新建文件，如 hello.ts。（ts文件的后缀名都是 .ts哦）
- 书写代码
3. 编译代码：在终端输入 tsc ./hello.ts, 会自动生成一个js 文件，接下来就可以用 node 命名来运行js 的文件，在浏览器打开看效果啦
复制代码
如果不想下载包的话，也可以在线运行，链接如下： 在线运行 接下来了解一下 ts 的类型注解
什么是类型注解？
就是给变量添加类型约束，可以显示标记出代码中的意外行为，从而降低了发生错误的可能性 语法：
let 变量名: 类型 = 初始值
let age: number = 18
复制代码
这样写有啥好处捏？更好的规定了数据的类型，避免了不必要的错误。 如果你不小心写错了，他会直接提示你类型错误哦。是不是很贴心呢? 代码中的
: number 就是类型注解。
注：这里的代码错误提示，我是下载了一个插件才有的。如果大家也想有提示的话，可以在 vscode 里面下载。我把插件的截图贴在下面。
ts 的类型
ts 的常用基础类型分为两种： js 已有类型
- 原始类型：
number/string/boolean/null/undefined/symbol - 对象类型：
object（包括，数组、对象、函数等对象）
ts 新增类型
- 联合类型
- 自定义类型(类型别名)
- 接口
- 元组
- 字面量类型
- 枚举
- void
- any
- 等等
原始类型： number/string/boolean/null/undefined/symbol 语法比较简单，基本和 js 差别不大
// 数值类型
let age: number = 18
// 字符串类型
let myName: string = '小花'
// 布尔类型
let isLoading: boolean = false
// undefined
let un: undefined = undefined
// null
let timer:null = null
// symbol
let uniKey:symbol = Symbol()
复制代码
类型推论 在 TS 中，某些没有明确指定类型的情况下，TS 的类型推论机制会自动提供类型。好处：由于类型推论的存在，有些情况下的类型注解可以省略不写 有如下两种场景：
- 声明变量并初始化时
- 决定函数返回值时
已知函数的两个参数都是
number类型，那么该函数的返回值也是 number 类型。
