泛型的概念

  1. 泛型：任意类型
  2. // 泛型好处:既有类型检查,又可以传入任意类型
  3. function getMsg<T>(msg: T) {
  4.   console.log(msg);
  5. }
  7. getMsg<string>('hello');
  8. getMsg<number>(123);
  9. // 报错
  10. getMsg<string>(123);
  1. /* 
  2. 在定义函数或是类时，如果遇到类型不明确就可以使用泛型
  3. */
  5. function fn<T>(a:T):T {
  6.   return a;
  7. }
  9. // 可以直接调用具有泛型的函数
  10. // Ts会自动推断
  11. fn(10); // 不指定泛型，Ts可以自动对类型进行判断
  13. fn<string>('hello'); // 指定泛型
  15. function fn2<T, K>(a: T, b: K): T{
  16.   console.log(b);
  17.   return a;
  18. }
  20. fn2<number, string>(123, 'zhangsan')
  22. interface Inter{
  23.   length: number;
  24. }
  26. function fn3<T extends Inter>(a:T):number {
  27.   return a.length;
  28. }
  30. class MyClass<T>{
  31.   name: T;
  32.   constructor(name: T) {
  33.     this.name = name;
  34.   }
  35. }
  37. const mc = new MyClass<string>('zhangsan')