Что такое полиморфизм

1️⃣ Как кратко ответить

Полиморфизм в программировании — это способность функции или метода обрабатывать данные разных типов. В контексте фронтенда это может означать использование методов, которые могут работать с различными типами данных или объектов, обеспечивая гибкость и переиспользуемость кода.

2️⃣ Подробное объяснение темы

Полиморфизм — это концепция из объектно-ориентированного программирования, которая позволяет объектам разных типов быть обработанными через единый интерфейс. В фронтенд-разработке полиморфизм помогает создавать более гибкие и адаптивные приложения.

Зачем нужен полиморфизм

Полиморфизм позволяет разработчикам писать более универсальный и переиспользуемый код. Это достигается за счет того, что функции и методы могут работать с объектами разных типов, не зная их конкретной реализации. Это упрощает поддержку и расширение кода, так как добавление новых типов объектов не требует изменения существующих функций.

Применение в фронтенде

В JavaScript полиморфизм часто проявляется через динамическую типизацию и прототипное наследование. Рассмотрим пример с использованием классов и наследования:

class Shape {
  constructor(name) {
    this.name = name;
  }
​
  draw() {
    console.log(`Drawing a shape: ${this.name}`);
  }
}
​
class Circle extends Shape {
  constructor() {
    super('Circle');
  }
​
  draw() {
    console.log('Drawing a circle');
  }
}
​
class Square extends Shape {
  constructor() {
    super('Square');
  }
​
  draw() {
    console.log('Drawing a square');
  }
}
​
function renderShapes(shapes) {
  shapes.forEach(shape => {
    shape.draw();
  });
}
​
const shapes = [new Circle(), new Square()];
renderShapes(shapes);

Объяснение кода

1. Класс Shape:

   • Базовый класс, представляющий общую концепцию фигуры.
   • Конструктор принимает имя фигуры и сохраняет его в свойстве name.
   • Метод draw выводит сообщение о рисовании фигуры.

2. Класс Circle:

   • Наследует от Shape.
   • В конструкторе вызывает super('Circle'), чтобы установить имя фигуры как "Circle".
   • Переопределяет метод draw, чтобы выводить специфичное сообщение для круга.

3. Класс Square:

   • Наследует от Shape.
   • В конструкторе вызывает super('Square'), чтобы установить имя фигуры как "Square".
   • Переопределяет метод draw, чтобы выводить специфичное сообщение для квадрата.

4. Функция renderShapes:

   • Принимает массив объектов типа Shape.
   • Для каждого объекта вызывает метод draw, демонстрируя полиморфизм: каждый объект обрабатывается через общий интерфейс, но выполняет свою специфичную реализацию метода draw.

Как это работает

Полиморфизм позволяет renderShapes работать с любыми объектами, которые имеют метод draw, независимо от их конкретного типа. Это делает код более гибким и легко расширяемым: можно добавлять новые типы фигур, просто создавая новые классы, которые наследуют от Shape и реализуют метод draw.