走进 TypeScript

为什么使用 typescript

代码方向：

1. 更规范的参数判定

ts 是强类型语言，会使程序更加健壮

1. 代码编辑时就会有错误提示
2. 可以直接使用类型提示中的参数提示，省去翻文档的时间

2. 更好的编辑器提示

个人成长方向：

1. 越来越多的项目在使用 TypeScript
2. 面试时会是一个加分项

环境安装

需要安装 nodejs 环境以及 typescript 依赖

• nodejs 安装

nodejs 官网

• typescript 安装

TypeScript 官网

npm

npm i -g typescript

yarn

yarn global add typescript

pnpm

pnpm i -g typescript

安装后可以使用tsc命令编译 ts 文件

tsc hello.ts

监听文件变化自动编译

tsc hello.ts -w

编辑器选择及配置

• vscode

基本类型及类型推断

ts 会有自动类型推断来帮助我们写代码

let site = 'doc.whbbit.cn'
// 默认会有类型推断 => 相当于 let site:string = 'doc.whbbit.cn'， 当我们赋值一个不同类型的数据时会报错
site = 10 // 报错，不能把一个number类型的数据赋值给一个string类型的数据

基本类型和 js 基本一致，包含 string, numer, boolean, Function, Symbol, any, unknown, never, undefined, null 等

const site: string = 'doc.whbbit.cn'
const number: number = 10
const state: boolean = false

function sum(a: number, b: number) {
  return a + b
}
sum(1, 2)