美文网首页
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