>[success] # 案例场景 导读 ~~~ function getParams(params:unknown){ return params } // 虽然传入的参数是字符，确定知道返回类型也是字符串，但实际类型推导是unknown // 并不能将unknown 根据传入参数实时推导 getParams("1") ~~~  * 使用联合类型来改造 ~~~ function getParams(params:string|number){ return params } // 但是相对的类型也为联合类型 getParams("1") ~~~  * 使用函数重载 -- 完美解决现在问题 ~~~ function getParams(params: number):number function getParams(params: string):string function getParams(params: unknown) { return params } getParams('1') ~~~  >[success] # 什么是泛型 ~~~ 1.泛型（Generics）是指在定义函数、接口或类的时候，不预先指定具体的 类型，而在使用的时候再指定类型的一种特性。 2.泛型指的是类型参数化，即将原来某种具体的类型进行参数化。和定义函数参数一样，我们可以给泛型定义 若干个类型参数，并在调用时给泛型传入明确的类型参数。设计泛型的目的在于有效约束类型成员之间的关系， 比如函数参数和返回值、类或者接口成员和方法之间的关系。 3.也就是说在使用时候可以规定类型，让其动态起来，来解决上面的问题 ~~~ >[info] ## 泛型用法 ~~~ 1.通过尖括号 <> 语法给函数定义一个泛型参数例如指定参数为T，在将T指定到要规定参数类型的参数，例如将上面实现 通过泛型表现 ~~~ ~~~ function getParams<T>(params: T):T { return params } getParams<number>(1) getParams<number>("1") // 报错因为已经指定的类型为number了 ~~~ >[danger] ##### 使用的时候 -- 指定类型可缺省 ~~~ function getParams<T>(params: T):T { return params } // 根据传入参数类型自动推断了 省略了指定类型 getParams("1") ~~~ ~~~ function reflectArray<P>(param: P[]) { return param; } const reflectArr = reflectArray([1, '1']); // reflectArr 是 (string | number)[] ~~~ >[danger] ##### 泛型传入多个不同类型参数 ~~~ 1.泛型传入多个不同类型参数 ~~~ ~~~ function getArray<T,U>(value1:T,value2:U,items:number = 5):Array<[T,U]>{ return new Array(items).fill([value1,value2]) } getArray("1",1,1).forEach((items)=>{ console.log(items[0].length) console.log(items[1].length) // 帮我们自动检测数字没有length 属性 }) ~~~ ~~~ function reflectExtraParams<P, Q>(p1: P, p2: Q): [P, Q] { return [p1, p2]; } ~~~