1. let b: boolean = true;
  2. let n: number = 100;
  3. let s: string = 'hello';
  4. let sy: symbol = Symbol();
  6. let x: number | string = 100;
  7. x = 'string';
  9. // any 要慎用，要不ts没有意义了
  10. let y: any = 100;
  11. y = true;
  13. // 数组
  14. let arr: string[] = ['1', 'b', 'c'];
  15. let numberA: Array<number> = [10, 20, 30];
  17. // 元组
  18. let arr1: Array<string | number | boolean> = [1, '2', false];
  20. // 对象 
  21. let obj: object = { x: 100 }
  23. // 函数
  24. let fn: Function = () => { }
  26. // object、Function不常用，不够细节
  28. // 断言
  29. let n1 = 200;
  30. // n1 = 's'; 报错，ts自动根据上面的赋值去断言类型
  33. // 函数的使用，如果返回值很明确，可以不写返回值类型
  34. function fn2(n1: number, n2: number): number {
  35.     return n1 + n2;
  36. }
  37. // 如没有返回值，使用 voidvoid
  40. // 自定义类型
  41. type info = string | number;
  42. let info1: info = 'hello';
  43. info1 = 100;
  45. type fnType = (a: number, b: string) => void;
  46. const fn3: fnType = (a, b) => { }
  48. // 接口
  49. interface IPerson { 
  50.     name: string // 每一项无分号
  51.     age: number
  52.     fn1: fnType
  53. }
  55. // interface 用于 对象
  56. const zhangsan: IPerson = {
  57.     name: 'zwx',
  58.     age: 20,
  59.     fn1: (a: number, b:string) => { }
  60. }
  62. // interface 用于 class
  63. class Person implements IPerson { 
  64.     name: string
  65.     age: number
  67.     constructor(name: string, age: number) { 
  68.         this.name = name
  69.         this.age = age
  70.     }
  72.     fn1(a: number, b: string) { }
  73. }

TS 静态属性

  1. class Foo {
  2.   name: string
  3.   constructor(name: string) {
  4.     this.name = name;
  5.   }
  6.   getName() {
  7.     return this.name;
  8.   }
  9.   static flag = 'abc'
  10.   static getFlag() {
  11.     return this.flag
  12.   }
  13. }
  15. const f1 = new Foo('zs');
  16. // 这些都是实例属性，实例方法
  17. f1.name // zs
  18. f1.getName() // zs
  20. // 这些是静态属性, 在实例f1身上获取不到的，会报错
  21. Foo.flag // abc
  22. Foo.getFlag() // abc