【TypeScript】接口和对象类型

本文介绍了TypeScript中的接口,如何用于定义对象结构、类实现和参数/返回值类型。示例展示了如何使用接口定义Person对象结构,包括继承、只读属性和函数类型声明。
摘要由CSDN通过智能技术生成

在 TypeScript 中,接口(Interface)是一种用于定义对象结构的约定,它描述了对象应该具有的属性和方法。接口提供了一种定义约束,使你能够在编写代码时明确地指定对象的形状和类型。接口在开发中常用于定义对象的结构、类的实现以及函数的参数和返回值。

以下是一个简单的示例,展示如何使用接口定义一个对象的结构:

interface Person {
  // 不能多属性,也不能少属性
  firstName: string;
  lastName: string;
  // age: number;
}
// 也可以写多个重名,属性相加
interface Person {
  // 不能多属性,也不能少属性
  age: number;
}

const person: Person = {
  firstName: 'John',
  lastName: 'Doe',
  age: 30
};

在上面的示例中,我们定义了一个名为 Person 的接口,它包含了 firstNamelastNameage 属性。然后,我们创建了一个符合该接口结构的 person 对象。

其他用法,实例如下:

interface xxx extends x {
  name: string,
  // readonly 修饰为只读,不可修改
  readonly id:number,
  // 索引签名,随便定义下面属性,它的值代表interface里面所有值,所以一般为 any
  // propName 为 key string 类型,值为 any 类型
  [propName: string]: any
}
// extends 用于接口继承
interface x {
  xx:string
}

let a:xxx = {
  name: 'xxx',
  id: 1,
  age: 18,
  sex: '男',
  xx: 'xxx'
}

// 定义函数类型
interface Fn {
  (a: number): number[]
}
const fn: Fn = (a) => {
  return [1, 2, 3]
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小秀_heo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值