当前位置：首页 > JavaScript

js如何实现多态

2026-03-16 05:44:11JavaScript

多态的概念

多态是面向对象编程的三大特性之一，指同一操作作用于不同对象时会产生不同的行为。在JavaScript中，由于语言本身的动态特性，实现多态的方式与其他静态类型语言（如Java、C++）有所不同。

基于原型链的多态实现

JavaScript通过原型链实现继承，多态行为可以通过重写父类方法来实现：

function Animal() {}
Animal.prototype.speak = function() {
  console.log('Animal sound');
};

function Dog() {}
Dog.prototype = Object.create(Animal.prototype);
Dog.prototype.speak = function() {
  console.log('Woof!');
};

function Cat() {}
Cat.prototype = Object.create(Animal.prototype);
Cat.prototype.speak = function() {
  console.log('Meow!');
};

const animals = [new Animal(), new Dog(), new Cat()];
animals.forEach(animal => animal.speak());
// 输出:
// Animal sound
// Woof!
// Meow!

基于ES6类的多态实现

ES6引入的class语法糖让多态实现更加直观：

class Animal {
  speak() {
    console.log('Animal sound');
  }
}

class Dog extends Animal {
  speak() {
    console.log('Woof!');
  }
}

class Cat extends Animal {
  speak() {
    console.log('Meow!');
  }
}

const animals = [new Animal(), new Dog(), new Cat()];
animals.forEach(animal => animal.speak());

鸭子类型实现多态

JavaScript作为动态类型语言，更推崇"鸭子类型"（Duck Typing）的多态实现方式：

function makeSound(animal) {
  if (animal && typeof animal.speak === 'function') {
    animal.speak();
  }
}

const dog = { speak: () => console.log('Woof!') };
const cat = { speak: () => console.log('Meow!') };

makeSound(dog); // Woof!
makeSound(cat); // Meow!

多态的高级应用

利用Symbol实现更灵活的多态：

js如何实现多态

const speakSymbol = Symbol('speak');

class Bird {
  [speakSymbol]() {
    console.log('Chirp!');
  }
}

class Parrot {
  [speakSymbol]() {
    console.log('Hello!');
  }
}

function makeSound(animal) {
  if (animal[speakSymbol]) {
    animal[speakSymbol]();
  }
}

makeSound(new Bird());  // Chirp!
makeSound(new Parrot()); // Hello!