什么是 TypeScript？
TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是 JavaScript 的超集。 那么它有什么特别之处呢?
简单来说，js 有的 ts 都有，所有js 代码都可以在 ts 里面运行。
ts 支持类型支持，ts = type +JavaScript。
那么 ts 和 js 有什么区别呢？
- JavaScript 属于动态编程语言，而ts 属于静态编程语言。
- js：边解释边执行，错误只有在运行的时候才能发现
- ts：先编译再执行，在写的时候就会发现错误了（ts不能直接执行，需要先编译成 js ）
- ts 完全支持 js ，可以直接转换
TS的优势
- 类型安全：TS引入了类型检查，可以在编译阶段发现类型错误，减少程序运行期间的错误。这有助于提高代码的稳定性和可维护性。
- 更好的代码维护性：TS支持模块化、命名空间、接口等特性，使得代码更加可读、可维护、可扩展。
- 面向对象编程：TS支持类、继承、抽象类、接口等面向对象编程特性，让代码更加灵活和易于扩展。
- 编译时静态检查：TS可以在编译过程中对代码进行语法和类型检查，减少运行时的错误。
- 兼容性：TS可以编译成ES5、ES6、ES7等不同版本的JavaScript，可以兼容各种浏览器和Node.js。
- 易于学习：对于已经熟悉JavaScript的开发者来说，TS的学习曲线相对较低。
- 社区支持：TS拥有庞大的社区支持和丰富的第三方库，这有助于提高开发效率和代码质量。
- 与JavaScript的互操作性：TS最终编译为JavaScript，因此在使用TS开发时，可以直接利用现有的JavaScript生态系统。
1.安装
npm i -g typescript
2.查看
tsc -v
3.使用
3.1 新建文件hello.ts
3.2 书写代码
3.3 编译代码tsc ./hello.ts
4.ts 的类型
ts 的常用基础类型分为两种：
4.1. js 已有类型,
原始类型：number/string/boolean/null/undefined/symbol
// 数值类型 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()
对象类型：object（包括，数组、对象、函数等对象）
4.2.ts 新增类型
联合类型
let 变量: 类型1 | 类型2 | 类型3 .... = 初始值 let arr1 :number | string = 1 // 可以写两个类型
注意： 这里的 | 竖线，在 TS 中叫做联合类型，即：由两个或多个其他类型组成的类型，表示可以是这些类型中的任意一种。不要和 js 中的 || 搞混哦。
例：
// | 联合类型 变量可以是两种类型之一 let timer:number|null = null timer = setTimeout()
自定义类型(类型别名)
type 别名 = 类型
type s = string // 定义 const str1:s = 'abc' const str2:string = 'abc'
例：
type NewType = string | number let a: NewType = 1 let b: NewType = '1'
注意：别名可以是任意的合法字符串，一般首字母大写
数组类型
// 写法1： let 变量: 类型[] = [值1，...]: let numbers: number[] = [1, 3, 5] // numbers必须是数组，每个元素都必须是数字 // 写法2： let 变量: Array<类型> = [值1，...] let strings: Array<string> = ['a', 'b', 'c'] // strings必须是数组，每个元素都必须是字符串
函数
函数涉及的类型实际上指的是：函数参数和返回值的类型
单个函数
// 普通函数 function 函数名(形参1： 类型=默认值， 形参2：类型=默认值,...): 返回值类型 { } // 声明式实际写法: function add(num1: number, num2: number): number { return num1 + num2 } // 箭头函数 const 函数名（形参1： 类型=默认值， 形参2：类型=默认值, ...):返回值类型 => { } const add2 = (a: number =100, b: number = 100): number =>{ return a + b } // 注意： 箭头函数的返回值类型要写在参数小括号的后面
统一定义函数格式
const add2 = (a: number =100, b: number = 100): number => { return a + b } function add1 (a:number = 100 , b: number = 200): number { return a + b } // 这里的 add1 和 add2 的参数类型和返回值一致， // 那么就可以统一定义一个函数类型 type Fn = (n1:number,n2:number) => number const add3 : Fn = (a,b)=>{return a+b } // 这样书写起来就简单多啦
函数返回值类型void
在 ts 中，如果一个函数没有返回值，应该使用 void 类型
function greet(name: string): void { console.log('Hello', name) //}
可以用到void 有以下几种情况
1.函数没写return
2.只写了 return， 没有具体的返回值
3.return 的是 undefined
// 如果什么都不写，此时，add 函数的返回值类型为： void const add = () => {} // 如果return之后什么都不写，此时，add 函数的返回值类型为： void const add = () => { return } const add = (): void => { // 此处，返回的 undefined 是 JS 中的一个值 return undefined } // 这种写法是明确指定函数返回值类型为 void，与上面不指定返回值类型相同 const add = (): void => {}
可选参数
可选参数：在可选参数名的后面添加 ?（问号）
function slice (a?: number, b?: number) { // ? 跟在参数名字的后面，表示可选的参数 // 注意：可选参数只能在 必须参数的后面 // 如果可选参数在必选参数的前面，会报错 console.log(111); } slice() slice(1) slice(1,2)
TypeScript（TS）安装指南与基础教程学习全攻略（二）：https://developer.aliyun.com/article/1626109
