我的网站开发技术经验总结 我的网站开发技术经验总结
首页

fangdown

我的网站开发技术经验总结
首页
  • 大前端

    • nodejs

    • git

    • CI

    • 小程序

    • docker

    • Typescript

      • 说说Typescript中命名空间和模块的区别
      • 说说Typescript中的数据类型有哪些
      • 说说什么时候使用枚举类型
      • 说说如何在React项目中使用Typescirpt
      • 说说如何在Vue项目中使用Typescirpt
      • 说说对Typescript中函数的理解
      • 说说对Typescript中接口interface的理解
        • 是什么
        • 怎么用
          • 继承
      • 说说对Typescript中泛型的理解
      • 说说对Typescript中类的理解
      • 说说对Typescript中高级类型的理解
      • 说说对Typescript的理解
    • webpack

    • 安全

  • 基础

  • 框架

  • 情商

  • 算法

  • 网络

  • 千锤百炼
  • 大前端
  • Typescript
fangdown
2021-09-13
目录

说说对Typescript中接口interface的理解

# 是什么

接口interface: 一个接口描述一个对象的属性和方法,但不提供具体创建的方法

interface User{
  name: string;
  age: number;
  getData: () => void
}

# 怎么用

  • readyonly
  • 可选属性
  • 任意参数

interface User{
  name: string;
  age?: number;
  readonly data: Object;
  getData: () => void;
  [propName:string]: any;
}
const getUserName = (user: User) => user.name



# 继承

可以继承多个接口的属性及方法

interface P {
  name: string
}
interface M {
  good: string;
}
interface C extends P,M{
  color: string
}
const fn = (user: C) => {
  console.log(user.good)
}
#ts
上次更新: 2021/12/19, 18:05:42
说说对Typescript中函数的理解
说说对Typescript中泛型的理解

← 说说对Typescript中函数的理解 说说对Typescript中泛型的理解→

最近更新
01
多分支修复撞车的问题
05-01
02
如何成为架构师
01-23
03
服务器部署全过程
11-23
更多文章>
Theme by Vdoing | Copyright © 2019-2026 fangdown | 粤ICP备19079809号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式