美文网首页typescript
《TypeScript》 - 接口

《TypeScript》 - 接口

作者: 张中华 | 来源:发表于2021-07-05 06:58 被阅读0次

接口是一系列抽象方法的声明,是一些方法特征的集合,这些方法都应该是抽象的,需要由具体的类去实现,然后第三方就可以通过这组抽象方法调用,让具体的类执行具体的方法。
有了接口,在编码方面就更加规范了。以前在写后端(C#)的时候,有时就是先定义好接口,然后再对接口进行实现。有时是大佬把接口定义好,让我去实现具体的功能。这样子,也起到了很好的约束作用。

TypeScript使用方式

TypeScript 接口定义如下:

interface interface_name { 
}

实现接口方式:

const concreteObject: interface_name = {
}

代码示例:

interface IPerson {
    name: string,
    age: number | string,
    print: () => void;
}

const student:IPerson  = {
    name: 'zzh',
    age: 18,
    print: () => console.log('print method'),
}

console.log('student object:');
console.log(`student name: ${student.name}`);
console.log(`student age: ${student.age}`);
console.log(`student print method:`);
student.print();
测试结果

接口与数组

接口继承

接口继承就是说接口可以通过其他接口来扩展自己。
Typescript 允许接口继承多个接口。
继承使用关键字 extends。
单接口继承语法格式:

Child_interface_name extends super_interface_name

多接口继承语法格式:

Child_interface_name extends super_interface1_name, super_interface2_name,…,super_interfaceN_name

代码示例:

interface IAnimal {
     age:number,
 }

 interface IPerson {
     height: number,
 }

 // 单继承实例
 interface IStudent extends IPerson {
     score: number,
 }

 let s = <IStudent>{};
 s.score = 100;
 s.height = 172;
 console.log(s.score); // 18

interface ITeacher extends IPerson, IAnimal {
    subject: string
}

let t : ITeacher = {
    age: 35,
    height: 172,
    subject: 'Math'
}

console.log(t.age); // 35

相关文章

  • TypeScript 中的接口(interface)

    TypeScript 中的接口可分为: 之前的文章 TypeScript 基础类型和接口(interface)里面...

  • 学习TypeScript 接口

    TypeScript 接口定义 interface interface_name {} 实例 联合类型和接口 接口...

  • TypeScript学习笔记之四接口(Inferfaces)

    一、使用环境 Mac 电脑 WebStorm TypeScript3.x版本 二、接口 在 TypeScript ...

  • TypeScript - 接口

    TypeScript - 接口( Interface) [TOC] 学习目标 理解接口的概念 学会通过接口标注复杂...

  • TypeScript 接口

    TypeScript接口 接口只读属性 使用关键字readonly定义只读的接口属性 出现错误,如下 创建不可修改...

  • TypeScript接口

    属性类型接口 函数类型接口 定义了函数的参数。包括入参和出参。 可索引类型接口 类类型接口

  • typescript 接口

    日期:2019 年 8 月 29 日 typescript 接口 介绍 TypeScript的核心原则之一是对值所...

  • TypeScript接口

    接口定义 类型检查器不会检查属性的顺序,只要相应的属性存在并且类型匹配即可。 可选属性 定义可选属性只需要在属性后...

  • TypeScript——接口

    TypeScript的核心原则之一是对值所具有的结构进行类型检查。 它有时被称做“鸭式辨型法”或“结构性子类型化”...

  • TypeScript -- 接口

    接口可以用来约束对象,函数,以及类的结构和类型,这是一种代码协作的契约 1,对象类型接口interfaceLi...

网友评论

    本文标题:《TypeScript》 - 接口

    本文链接:https://www.haomeiwen.com/subject/fjlxultx.html