typescript的使用场景

React

  • 接口定义 使用interface

    1
    2
    3
    4
    interface IMProps {
    num: number,
    str: string
    }
  • 类的定义 使用泛型

    1
    2
    3
    class MyClass extends React.component<Props:IMProps, State:{}>{
    }
  • 类的构造函数 需加参数

    1
    2
    3
    constructor(props: IMProps) {
    }
  • 变量修饰符

    以下不参与生命周期的流程

    1
    2
    3
    class MyClass extends React.component<Props:IMProps, State:{}>{
    private value:number = 1;
    }
  • 函数的接口 写法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    function getNum (num1:number, num2:number): number {
    }
    getNum = (num1:number, num2:number): number =>{
    }
    let getNum: (num1:number, num2:number) => number =
    function(num1:number, num2:number): number {
    }
    // render 中 render函数
    public render(): JSX.Element {
    }
  • 类的接口写法

    1
    2
    3
    4
    5
    6
    7
    8
    interface ClockInterface {
    currentTime: Date;
    }
    class Clock implements ClockInterface {
    currentTime: Date;
    constructor(h: number, m: number) { }
    }

Node

  • 定义函数

  • 注释

    1
    2
    3
    4
    5
    6
    7
    /**
    * 服务
    * @param {optionType} [option = {xx:xx, xx:xx}]
    * /
    public server(option: optionType) {
    }