美文网首页
TypeScript 接口类型 interface 与 函数的微

TypeScript 接口类型 interface 与 函数的微

作者: 酷酷的凯先生 | 来源:发表于2020-09-28 17:58 被阅读0次

    # interface

    interface:类型契约,跟我们平常调服务端接口要先定义字段一个理
    下面例子中 tmpPoint 跟 Point 类型必须一致,多一个少一个也是不被允许的

    interface Point {
        a: number
        a: number
        c?: number
        readonly d: number
    }
    const point: Point = { a: 10, v: 20, c: 30, d: 40 }
    const point2: Point = { a: '10', v: 20, c: 30, d: 40 } // Error 
    const point3: Point = { a: 10, v: 20, c: 30 } // Error 
    const point4: Point = { a: 10, v: 20, c: 30,d: 40, e: 50 } // Error 
    

    表示可选参
    readonly 表示只读

    # 函数参数类型与返回值类型

    // 返回值是 数字
    function sum(a: number, b: number): number {
        return a + b
    }
    
    // 返回值是 字符串
    function info(name: srting, age: number): srting{
        return name + '年龄为: ' + age;
    }
    
    // 没有返回值
    function fn():void{
      console.log('我没有返回值')
    }
    

    # function 配合 interface 使用

    interface Point {
        x: number
        y: number
    }
    
    function sum({ x,  y}: Point): number {
        return x + y
    }
    
    sum({x:1, y:2}) // 3
    

    相关文章

      网友评论

          本文标题:TypeScript 接口类型 interface 与 函数的微

          本文链接:https://www.haomeiwen.com/subject/atcjuktx.html