在 TypeScript 中，类是一种非常常见的数据类型，我们可以使用类来定义对象的属性和方法。在实际开发中，我们经常会遇到需要多个类共享一些属性和方法的情况。为了解决这个问题，TypeScript 提供了两种机制：类的混入和实现方法。
类的混入
类的混入是指将一个或多个类的属性和方法合并到一个新的类中。可以使用 extends 关键字来实现类的继承，然后使用 implements 关键字来实现类的混入。下面是一个类的混入的示例代码：
// www.javascriptcn.com code example
class Animal {
name: string;
constructor(name: string) {
this.name = name;
}
move(distance: number) {
console.log(`${this.name} moved ${distance}m.`);
}
}
class CanFly {
fly(height: number) {
console.log(`${this.name} flies at a height of ${height}m.`);
}
}
class CanSwim {
swim(distance: number) {
console.log(`${this.name} swims ${distance}m.`);
}
}
class Bird extends Animal implements CanFly {
constructor(name: string) {
super(name);
}
fly(height: number) {
console.log(`${this.name} flies at a height of ${height}m.`);
}
}
class Fish extends Animal implements CanSwim {
constructor(name: string) {
super(name);
}
swim(distance: number) {
console.log(`${this.name} swims ${distance}m.`);
}
}
class Duck extends Animal implements CanFly, CanSwim {
constructor(name: string) {
super(name);
}
fly(height: number) {
console.log(`${this.name} flies at a height of ${height}m.`);
}
swim(distance: number) {
console.log(`${this.name} swims ${distance}m.`);
}
}
const bird = new Bird('bird');
bird.move(10);
bird.fly(20);
const fish = new Fish('fish');
fish.move(5);
fish.swim(10);
const duck = new Duck('duck');
duck.move(15);
duck.fly(30);
duck.swim(25);在上面的示例代码中，我们定义了三个类 CanFly、CanSwim 和 Animal，其中 Animal 类是基类，CanFly 和 CanSwim 类是混入类。然后我们定义了三个子类 Bird、Fish 和 Duck，它们分别继承了 Animal 类，并混入了不同的类。最后我们创建了三个实例对象，并调用了它们的方法。
实现方法
实现方法是指将一个或多个方法定义在一个接口中，然后让类来实现这个接口。这样，类就可以调用这个接口中定义的方法了。下面是一个实现方法的示例代码：
// www.javascriptcn.com code example
interface CanFly {
fly(height: number): void;
}
interface CanSwim {
swim(distance: number): void;
}
class Bird {
name: string;
constructor(name: string) {
this.name = name;
}
move(distance: number) {
console.log(`${this.name} moved ${distance}m.`);
}
}
class Fish {
name: string;
constructor(name: string) {
this.name = name;
}
move(distance: number) {
console.log(`${this.name} moved ${distance}m.`);
}
}
class Duck implements CanFly, CanSwim {
name: string;
constructor(name: string) {
this.name = name;
}
move(distance: number) {
console.log(`${this.name} moved ${distance}m.`);
}
fly(height: number) {
console.log(`${this.name} flies at a height of ${height}m.`);
}
swim(distance: number) {
console.log(`${this.name} swims ${distance}m.`);
}
}
const bird = new Bird('bird');
bird.move(10);
const fish = new Fish('fish');
fish.move(5);
const duck = new Duck('duck');
duck.move(15);
duck.fly(30);
duck.swim(25);在上面的示例代码中，我们定义了两个接口 CanFly 和 CanSwim，然后我们定义了两个类 Bird 和 Fish，它们都实现了 move 方法。最后我们定义了一个 Duck 类，它实现了 CanFly 和 CanSwim 接口，并实现了这两个接口中定义的方法。最后我们创建了三个实例对象，并调用了它们的方法。
应用场景
类的混入和实现方法都可以用来解决多个类共享属性和方法的问题，但是它们的应用场景略有不同：
- 类的混入适用于多个类共享一些属性和方法，这些属性和方法可以通过一个新的类来合并，从而减少代码的重复度。
- 实现方法适用于多个类需要共享一些方法，这些方法可以通过一个接口来定义，从而提高代码的可读性和可维护性。
同时，类的混入和实现方法在实际开发中也经常会结合使用。比如，我们可以定义一个混入类，它包含了一些常用的方法，然后让多个类来继承这个混入类，并实现一些接口，从而实现多个类共享属性和方法的目的。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d0ebeaa941bf71341f85a2