typescript extends类型扩展|极客教程

typescript extends类型扩展

TypeScript 是 JavaScript 的超集，它提供了静态类型检查以及其他一些增强的功能，使得我们在编写代码时更加方便和安全。在 TypeScript 中，我们可以使用类型扩展来增强自定义类型或者内置类型的功能。

接口扩展

在 TypeScript 中，接口可以被扩展以增加新的属性或方法。我们可以通过 extends 关键字来实现接口的扩展。

interface Shape {
    color: string;
}

interface Square extends Shape {
    sideLength: number;
}

let square: Square = {
    color: "red",
    sideLength: 10
};

console.log(square.color); // 输出: red
console.log(square.sideLength); // 输出: 10

上面的代码中，我们定义了一个 Shape 接口，包含 color 属性。然后我们定义了一个 Square 接口，它继承自 Shape 接口，并增加了 sideLength 属性。最后我们创建了一个 square 对象，并访问了它的属性。

类扩展

与接口一样，类也可以扩展其他类来继承其属性和方法。我们可以使用 extends 关键字来实现类的继承。

class Animal {
    name: string;

    constructor(name: string) {
        this.name = name;
    }

    move(distance: number = 0) {
        console.log(` ${this.name} moved$ {distance}m.`);
    }
}

class Dog extends Animal {
    bark() {
        console.log(`${this.name} barked.`);
    }
}

let dog = new Dog("Buddy");
dog.move(10); // 输出: Buddy moved 10m.
dog.bark(); // 输出: Buddy barked.

在上面的示例中，我们定义了一个 Animal 类，包含 name 属性和 move 方法。然后我们定义了一个 Dog 类，它继承自 Animal 类，并增加了 bark 方法。最后我们创建了一个 dog 对象，并调用了它的方法。

泛型扩展

泛型是 TypeScript 中非常强大的特性，它允许我们在定义函数、接口和类的时候使用参数化类型。我们可以通过泛型扩展来对泛型进行约束或者增加额外的功能。

interface Lengthwise {
    length: number;
}

function loggingIdentity<T extends Lengthwise>(arg: T): T {
    console.log(`Length of  ${arg} is$ {arg.length}`);
    return arg;
}

let result = loggingIdentity("hello");

在上面的示例中，我们定义了一个泛型接口 Lengthwise，它包含一个 length 属性。然后我们定义了一个泛型函数 loggingIdentity，它接受一个参数并输出参数的长度。我们通过 T extends Lengthwise 对泛型进行了约束，使得参数必须包含 length 属性。最后我们调用了 loggingIdentity 函数并传入了一个字符串，输出了字符串的长度。

模块扩展

模块是 TypeScript 中组织代码的重要方式，它可以将代码分解成多个文件，更好地维护和组织代码。我们可以在不同文件中扩展模块，以增加程序的可扩展性和复用性。

假设我们有一个 math.ts 文件，定义了一个简单的数学函数：

export function add(a: number, b: number): number {
    return a + b;
}

然后我们可以在另一个文件中扩展这个模块：

import { add } from './math';

export function subtract(a: number, b: number): number {
    return a - b;
}

通过 import { add } from './math' 我们引入了 math.ts 文件中的 add 函数，并且在当前文件中定义了一个 subtract 函数。这样我们就可以在其他文件中使用 add 和 subtract 这两个函数。

总结

通过类型扩展，我们可以更好地组织和抽象代码，增加程序的可读性和可维护性。在实际项目中，我们经常会用到类型扩展来定义更加复杂和灵活的数据结构和函数。

typescript extends类型扩展