正文

掌握TS继承声明，轻松实现类间复用与扩展，提升代码效率与可维护性

/0 浏览量
0830

在TypeScript（TS）中，继承是一种非常强大的特性，它允许我们创建一个基于另一个类的新类，即子类。通过继承，子类可以继承父类的属性和方法，同时还可以添加新的属性和方法，或者覆盖（重写）父类的方法。这种机制不仅有助于代码的复用，还能提高代码的可维护性和扩展性。

一、继承的基本概念

在TypeScript中，继承是通过关键字 extends 实现的。以下是一个简单的继承示例：

class Animal {
    name: string;

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

    makeSound(): void {
        console.log(`${this.name} makes a sound`);
    }
}

class Dog extends Animal {
    constructor(name: string) {
        super(name);
    }

    bark(): void {
        console.log(`${this.name} barks`);
    }
}

在这个例子中，Dog 类继承自 Animal 类。Dog 类继承了 Animal 类的 name 属性和 makeSound 方法，并且添加了 bark 方法。

二、继承的细节

1. 构造函数调用

在子类中，我们通常需要调用父类的构造函数来初始化继承的属性。这可以通过 super 关键字实现。

class Cat extends Animal {
    constructor(name: string, age: number) {
        super(name);
        this.age = age;
    }

    getAge(): number {
        return this.age;
    }

    private age: number;
}

在这个例子中，Cat 类继承自 Animal 类，并且添加了一个新的属性 age。在 Cat 类的构造函数中，我们首先调用 super(name) 来初始化 name 属性，然后初始化 age 属性。

2. 覆盖方法

子类可以覆盖（重写）父类的方法。这可以通过在子类中定义一个同名方法来实现。

class Dog extends Animal {
    makeSound(): void {
        console.log(`${this.name} barks`);
    }
}

在这个例子中，Dog 类覆盖了 Animal 类的 makeSound 方法。当创建一个 Dog 对象并调用 makeSound 方法时，将输出 Dog 类中定义的 makeSound 方法的实现。

3. 访问控制符

TypeScript 提供了三种访问控制符：public、protected 和 private。这些控制符用于控制类成员的访问级别。

  • public：成员可以在任何地方访问。
  • protected：成员可以在类内部和继承类内部访问。
  • private：成员只能在类内部访问。
class Animal {
    protected name: string;

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

    protected makeSound(): void {
        console.log(`${this.name} makes a sound`);
    }
}

class Dog extends Animal {
    makeSound(): void {
        console.log(`${this.name} barks`);
    }
}

在这个例子中，Animal 类的 name 属性和 makeSound 方法被声明为 protected。这意味着 Dog 类可以访问这些成员，但其他类则不能。

三、多态

多态是面向对象编程中的一个核心概念，它允许我们使用一个共同的接口来处理不同类型的对象。在 TypeScript 中，多态可以通过继承和类型断言来实现。

class Animal {
    makeSound(): void {
        console.log('Animal makes a sound');
    }
}

class Dog extends Animal {
    makeSound(): void {
        console.log('Dog barks');
    }
}

class Cat extends Animal {
    makeSound(): void {
        console.log('Cat meows');
    }
}

function makeSound(animal: Animal): void {
    animal.makeSound();
}

const dog = new Dog();
const cat = new Cat();

makeSound(dog); // 输出：Dog barks
makeSound(cat); // 输出：Cat meows

在这个例子中，我们定义了一个 makeSound 函数，它接受一个 Animal 类型的参数。然后我们创建了 Dog 和 Cat 类型的对象，并将它们传递给 makeSound 函数。由于 Dog 和 Cat 类都继承自 Animal 类，它们都可以调用 makeSound 方法。这就是多态的体现。

四、总结

掌握 TypeScript 中的继承声明可以帮助我们轻松实现类间复用与扩展，从而提升代码的效率与可维护性。通过继承，我们可以创建具有共同属性和方法的类，同时还可以根据需要添加新的属性和方法。此外，多态允许我们使用一个共同的接口来处理不同类型的对象，从而提高代码的灵活性和可扩展性。

-- 展开阅读全文 --