TypeScript详解

TypeScript详解（安装使用、基础类型总结、类型断言用法、接口、类、函数、泛型、相同类型之间赋值、unknown、枚举等）

https://blog.csdn.net/AIWWY/article/details/123230874

 

interface Iperson {
  name: string;
  age: number;
  getName: () => string;
  getAge(): number;
}
//类实现接口. implements
class person implements Iperson {
  name: string = "John";
  age: number;
  getName(): string {
    return this.name;
  }
  getAge(): number {
    return this.age;
  }
}

//类型断言
function add(a: string | number, b: string | number): number {
  // return a + b; //会报错，因为不确定类型
  // if(typeof a === 'string') {               //常规js操作
  //   return a.length
  // }
  if ((a as string).length) {
    // return (a as string).length  //断言方法 or
    return (<string>a).length;
  } else {
    return a.toString().length;
  }
}

// 非空断言 （和三元表达式一样）
function getI(a?: string): number {
  // return a ? a.length : 0
  return a!.length; //非空断言
}
getI();

//枚举(赋值) 和反向映射
enum Color {
  red,
  green,
  yellow = 10
}
Color.red //0
Color[0] // red 反向映射

//泛型
function identity<T>(arg: T): T {
  return arg;
}
let output = identity<string>("myString");  // type of output will be 'string'

function funa<T>(a: T, b: T): number {
  // if(typeof a === 'number' && typeof b === 'number') {}
    return a + b        //Error 运算符“+”不能应用于类型“T”和“T”。 
}
funa<number>(3, 3)



function loggingIdentity<T>(arg: T): T {
  console.log(arg.length);  // Error: T doesn't have .length
  return arg;
}
loggingIdentity<number>(3)