TypeScript学习笔记3----类与接口

    技术2025-09-03  28

    接口(Interfaces)可以用于对「对象的形状(Shape)」进行描述。

    implements:实现(implements)是面向对象中的一个重要概念。

    类实现接口:一个类只能继承自另一个类,有时候不同类之间可以有一些共有的特性,这时候就可以把特性提取成接口(interfaces),用 implements 关键字来实现。

     

    门是一个类,防盗门是门的子类。如果防盗门有一个报警器的功能,我们可以简单的给防盗门添加一个报警方法。这时候如果有另一个类,车,也有报警器的功能,就可以考虑把报警器提取出来,作为一个接口,防盗门和车都去实现它:

     

    interface Alarm {

    alert();

    }

    class Door {

    }

    class SecurityDoor extends Door implements Alarm {

    alert() {

    console.log('SecurityDoor alert');

    }

    }

    class Car implements Alarm {

    alert() {

    console.log('Car alert');

    }

    }

     

    一个类可以实现多个接口:

    interface Alarm {

    alert();

    }

    interface Light {

    lightOn();

    lightOff();

    }

    class Car implements Alarm, Light {

    alert() {

    console.log('Car alert');

    }

    lightOn() {

    console.log('Car light on');

    }

    lightOff() {

    console.log('Car light off');

    }

    }

     

    接口继承接口:

    接口与接口之间可以是继承关系:

    使用 extends 使 LightableAlarm 继承 Alarm。

    interface Alarm {

    alert();

    }

    interface LightableAlarm extends Alarm {

    lightOn();

    lightOff();

    }

     

    接口继承类:

    接口也可以继承类:

    class Point {

    x: number;

    y: number;

    }

    interface Point3d extends Point {

    z: number;

    }

    let point3d: Point3d = {x: 1, y: 2, z: 3};

     

     

    泛型:

    泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性。

     

    实现一个函数 createArray,它可以创建一个指定长度的数组,同时将每一项都填充一个默认值:

    function createArray(length:number,value:any):Array<any>{

    let result = [];

    for(let i =0;i<length;i++){

    result[i] = value;

    }

    return result;

    }

    createArray(3,'x');

     

    在函数名添加了<T>,其中T用来指代任意输入的类型,在后面的输入value:T和输出Array<T>中即可使用。

    function createArray<T>(length: number, value: T): Array<T> {

    let result: T[] = [];

    for (let i = 0; i < length; i++) {

    result[i] = value;

    }

    return result;

    }

    createArray<string>(3, 'x');

     

    在调用的时候,可以指定它具体的类型为 string。当然,也可以不手动指定,而让类型推论自动推算出来。

    function createArray<T>(length:number,value:T):Array<T>{

    let result:T[] = [];

    for(let i =0;i <length;i++){

    result[i] = value;

    }

     

    return result;

    }

     

    createArray(3,'x');

     

    多个类型参数:

    定义泛型的时候,可以一次定义多个类型参数:

    function swap<T, U>(tuple: [T, U]): [U, T] {

    return [tuple[1], tuple[0]];

    }

    swap([7, 'seven']); // ['seven', 7]

    Processed: 0.009, SQL: 9