解锁 JavaScript 中多态的潜力：掌握 3 种类型

2023-11-14 12:34:46

引言：多态的魅力

在现实世界中，一个女性可以扮演不同的角色。她既是母亲，也是员工，还是妻子。根据不同的角色，她需要表现出不同的行为。这就是多态的概念，只不过是以另一种形式呈现。在 JavaScript 中，多态的概念可能并不为人所熟知，但在面向对象编程（OOP）中却是一个重要的概念。

JavaScript 中的多态

多态一词源自希腊语，意思是“多重形式”。在 OOP 中，多态是指对象能够表现出不同的行为，具体取决于其类型。在 JavaScript 中，可以通过三种主要类型实现多态：

1. 方法覆盖（Overriding）

方法覆盖是指派生类重新定义从基类继承的方法。这样一来，当调用该方法时，将执行派生类中的方法实现，而不是基类中的方法实现。

class Parent {
  greet() {
    console.log("Hello from the parent!");
  }
}

class Child extends Parent {
  greet() {
    console.log("Hello from the child!");
  }
}

const child = new Child();
child.greet(); // 输出: Hello from the child!

2. 方法重载（Overloading）

方法重载是指在同一类中定义具有相同名称但参数不同的多个方法。当调用该方法时，将根据提供的参数执行相应的实现。

class Math {
  sum(a, b) {
    return a + b;
  }

  sum(a, b, c) {
    return a + b + c;
  }

  sum(a, b, c, d) {
    return a + b + c + d;
  }
}

const math = new Math();
console.log(math.sum(1, 2)); // 输出: 3
console.log(math.sum(1, 2, 3)); // 输出: 6
console.log(math.sum(1, 2, 3, 4)); // 输出: 10

3. 参数化多态（Parametric Polymorphism）

参数化多态是指通过使用泛型来实现多态。泛型允许我们创建可以处理不同类型数据的方法或类。

function compare<T>(a: T, b: T): boolean {
  return a === b;
}

console.log(compare(1, 2)); // 输出: false
console.log(compare("Hello", "World")); // 输出: false
console.log(compare(true, false)); // 输出: false