TypeScript接口

interface接口,TypeScript使用接口定义数据类型
类可以实现接口,接口之间可以相互继承
接口只是TypeScript在开发过程中帮助做语法提示的工具,编译成JavaScript时,会把接口、类型相关内容剔除。

/**
 * ? 可选属性
 * readonly 只读属性
 * [propName] 其他属性
 */
interface Person {
  name: string;
  age?: number;
  readonly info: string;
  [propName: string]: any;
  sayHello(): string;
}

// extends 接口继承
interface Teacher extends Person{
  teach(): string;
}

// implements 接口实现
class User implements Person {
  name = 'Brady';
  info = 'message';
  sayHello() {
    return 'Hello World';
  }
};

// 接口定义函数类型
interface SayHi {
 (word: stirng): string;
}

const say: SayHi = (word: string) => {
  return word;
};

注:interface 和 type 相类似,但并不完全一致

  1. type 可以定义基础类型,例如 type Message = string;
  2. interface 可以设置可选?、只读readondy、其他[propName]
  3. interface 可以使用继承extends、可以被实现implements
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值