typescript的使用场景

Posted on | In |

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) {
      
    }