TypeScript - 鸭子类型：初学者的指南

你好，未来的编程巨星们！今天，我们将深入TypeScript的奇妙世界，探索一个听起来就像玩一样有趣的概念——鸭子类型。如果你是编程新手，不用担心；我会一步一步地引导你，就像我多年来教导无数学生一样。那么，让我们开始吧！

TypeScript - Duck-Typing

什么是鸭子类型？

想象你在池塘边，看到一只鸟在游泳。它看起来像鸭子，叫声像鸭子，游泳也像鸭子。你会怎么称呼它？鸭子，对吧？这就是编程中鸭子类型的本质！

鸭子类型是一个概念，它说：“如果它走起路来像鸭子，叫起来像鸭子，那么它一定就是鸭子。”在编程术语中，这意味着对象的具体类型或类不如它定义的方法或拥有的属性重要。

让我分享一个小故事，来自我的教学日子。我曾经有一个学生在理解编程中的类型时遇到了困难。我让她思考她的铅笔盒。不管是塑料的、金属的还是布的，只要它能装下她的笔和铅笔，它就完成了作为铅笔盒的工作。这就是鸭子类型在行动！

鸭子类型在TypeScript中是如何工作的

在TypeScript中，鸭子类型允许我们使用一个对象，就像它是某种特定类型一样，只要它有该类型所需的所有属性和方法。这就好比说：“如果它有我需要的所有特性，我不在乎它自称是什么！”

让我们来看一个简单的例子：

interface Quackable {
quack(): void;
}

function makeItQuack(duck: Quackable) {
duck.quack();
}

let rubberDuck = {
quack: () => console.log("吱吱！吱吱！")
};

let realDuck = {
quack: () => console.log("嘎嘎！嘎嘎！"),
swim: () => console.log("扑通！扑通！")
};

makeItQuack(rubberDuck); // 输出：吱吱！吱吱！
makeItQuack(realDuck);   // 输出：嘎嘎！嘎嘎！

在这个例子中，我们有一个Quackable接口，它需要一个quack方法。我们的makeItQuack函数接受任何匹配这个接口的对象。rubberDuck和realDuck都有quack方法，所以它们都可以和makeItQuack一起使用，尽管realDuck有一个额外的swim方法。

鸭子类型的优点

现在我们了解了鸭子类型是什么，让我们探索为什么它如此出色！以下是一些关键优点：

1. 灵活性

鸭子类型允许更灵活的代码。你不需要创建严格的类层次结构来以类似的方式使用对象。只要一个对象有所需的方法或属性，它就可以互换使用。

2. 代码重用性

使用鸭子类型，你可以编写适用于广泛对象范围的函数，只要它们有必要的属性或方法。这促进了代码重用，可以使你的代码库更高效。

3. 更容易测试

鸭子类型使创建用于测试的模拟对象变得更容易。你只需要实现测试中实际使用的方法，而不是创建一个类的完整实现。

4. 直观设计

鸭子类型通常导致更直观的API设计。你关注的是对象能做什么，而不是它被标记为什么。

TypeScript中的鸭子类型示例

让我们深入研究一些示例，以真正巩固我们对TypeScript中鸭子类型的理解。

示例 1：变形者

interface Drawable {
draw(): void;
}

class Circle {
draw() {
console.log("画一个圆");
}
}

class Square {
draw() {
console.log("画一个正方形");
}
}

function drawShape(shape: Drawable) {
shape.draw();
}

drawShape(new Circle()); // 输出：画一个圆
drawShape(new Square()); // 输出：画一个正方形

在这个例子中，Circle和Square是不同的类，但两者都有draw方法。drawShape函数不关心它接收的对象的具体类；它只关心该对象有一个draw方法。

示例 2：噪声制造者

interface NoiseMaker {
makeNoise(): string;
}

let dog = {
makeNoise: () => "汪汪！"
};

let cat = {
makeNoise: () => "喵喵！",
purr: () => "呼噜..."
};

let car = {
makeNoise: () => "嗡嗡！",
drive: () => console.log("开车...")
};

function makeNoise(thing: NoiseMaker) {
console.log(thing.makeNoise());
}

makeNoise(dog); // 输出：汪汪！
makeNoise(cat); // 输出：喵喵！
makeNoise(car); // 输出：嗡嗡！

在这里，我们有不同的对象——狗、猫，甚至是车！它们都有makeNoise方法，所以它们都可以和makeNoise函数一起使用，尽管它们是非常不同的事物。

示例 3：飞泳者

interface Flyable {
fly(): void;
}

interface Swimmable {
swim(): void;
}

class Duck implements Flyable, Swimmable {
fly() {
console.log("鸭子在飞");
}
swim() {
console.log("鸭子在游泳");
}
}

class Airplane implements Flyable {
fly() {
console.log("飞机在飞");
}
}

class Fish implements Swimmable {
swim() {
console.log("鱼在游泳");
}
}

function makeFly(flyer: Flyable) {
flyer.fly();
}

function makeSwim(swimmer: Swimmable) {
swimmer.swim();
}

let duck = new Duck();
let airplane = new Airplane();
let fish = new Fish();

makeFly(duck);     // 输出：鸭子在飞
makeFly(airplane); // 输出：飞机在飞
makeSwim(duck);    // 输出：鸭子在游泳
makeSwim(fish);    // 输出：鱼在游泳

在这个例子中，我们有不同的类实现了不同的接口。Duck类实现了Flyable和Swimmable接口，所以它可以用作makeFly和makeSwim函数的参数。

结论

好了，各位！我们已经涉猎了TypeScript中鸭子类型的基础知识。记住，鸭子类型的关键要点是：我们更关心对象能做什么（它的方法和属性），而不是它是什么（它的类型或类）。

鸭子类型允许我们编写更灵活、可重用和直观的代码。它是一个可以使你的TypeScript代码更优雅和高效的有力概念。

在你继续编程之旅时，请注意寻找应用鸭子类型的机会。记住，如果它看起来像鸭子，游起来像鸭子，叫起来像鸭子，那么在代码中，它很可能就是鸭子……或者说，至少可以被当作鸭子对待！

快乐编码，愿你的代码总是“嘎嘎”……我是说，完美运行！


| 方法 | 描述 |
|------|------|
| `quack()` | 发出嘎嘎声 |
| `draw()` | 画一个形状 |
| `makeNoise()` | 发出噪声 |
| `fly()` | 允许一个对象飞翔 |
| `swim()` | 允许一个对象游泳 |

Credits: Image by storyset