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

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

什么是鸭子类型？

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

鸭子类型是一种概念，它认为，“如果它走路像鸭子，叫声像鸭子，那么它一定就是鸭子。”在编程术语中，这意味着对象类型或类不如它定义的方法或属性重要。

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

鸭子类型在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代码更优雅和高效。

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

快乐编程，愿你的代码总是能“嘎嘎”叫……我是说，完美工作！

以上是将提供的英文文本翻译成繁体中文的过程，同时保留了原文的含义、语气和细微差别，并使用了正确的语法、拼写和标点符号。

Credits: Image by storyset