3.TS interface 接口

定义一个接口 用于限制其他数据类型存储的内容,或者说就是定义一个模板,使得数据类型必须与这个模板匹配

用于对 obj 类型 进行限制
interface Person {
  // 使用 readonly 限制 id 为只读属性,当想要修改该属性就会报错
  readonly id: number;
  name: string;
  // 若属性名称后面加了一个 ? 则代表该属性可选可不选
  age?: number;
}


定义一个名为 viking 的对象,并用之前定义好的Person接口进行限制,限制该对象的属性必须严格与 interface 定义的模板一致
let viking234: Person = {
  id: 1,
  name: 'viking',
  age: 20,
}

注意:
在定义接口时,变量名前加 readonly 指定该属性仅可读,不能被修改
变量名后面 ? 表示该属性为可选

接口可以使用 extends 关键字进行接口之间的继承


interface 接口可以通过 extends 继承别的接口内容
以下 other 接口 拥有 Person接口中定义的所有数据类型,且额外拥有一个 say 的方法
interface other extends Person {
  say():string;
}

你可能感兴趣的:(TypeScript学习,typescript,javascript,前端)