JavaScript每日必学之多态

什么是多态？

多态是指对象在不同场合下可以表现出不同的行为。在面向对象编程中，多态是一个重要的概念，它能够增强代码的灵活性和可扩展性。

实现多态的方式

在JavaScript中，实现多态的方式通常有两种：

1. 通过函数的参数实现

使用函数的参数实现多态，需要用到函数重载的概念。在JavaScript中，由于函数的参数个数不固定，我们可以通过传递不同的参数来实现多态：

function print(val) {
  console.log(val);
}

function print(val1, val2) {
  console.log(val1 + val2);
}

print(10); // 输出10
print('Hello', ' World!'); // 输出Hello World!

在上面的例子中，我们使用了同名函数实现了函数重载，根据传递不同的参数来实现了多态。

2. 通过对象的属性实现

使用对象的属性实现多态，主要是通过给不同的对象赋予相同的属性和方法来实现。这种方式通常需要用到继承的概念。

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

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

class Cat extends Animal {
  speak() {
    console.log(`${this.name} meows.`);
  }
}

let animal = new Animal('Animal');
let dog = new Dog('Dog');
let cat = new Cat('Cat');

animal.speak(); // 输出Animal makes a noise.
dog.speak();    // 输出Dog barks.
cat.speak();    // 输出Cat meows.

在上面的例子中，我们定义了一个基础的Animal类，并在其子类Dog和Cat中重写了speak方法。通过调用不同的对象的speak方法，实现了多态。

总结

多态是面向对象编程中重要的概念，它能够增强代码的灵活性和可扩展性。在JavaScript中，可以通过函数的参数或者对象的属性实现多态。使用函数的参数实现多态，需要用到函数重载的概念；使用对象的属性实现多态，通常需要用到继承的概念。