В TypeScript ключевые слова «расширяет» и «реализует» играют решающую роль в определении отношений между классами и интерфейсами. Хотя оба они позволяют повторно использовать код и абстрагировать, у них разные цели и поведение. Целью этой статьи является предоставление полного понимания различий между «расширениями» и «реализацией» в TypeScript, а также примеры кода, иллюстрирующие их использование.

1. Расширяет:
   Ключевое слово «расширяет» используется для установления наследования между классами. Это позволяет производному классу наследовать свойства и методы базового (родительского) класса. Вот пример:

class Animal {
  constructor(public name: string) {}
  move(distance: number) {
    console.log(`${this.name} moved ${distance} meters.`);
  }
}
class Dog extends Animal {
  bark() {
    console.log("Woof! Woof!");
  }
}
const dog = new Dog("Max");
dog.move(10); // Output: Max moved 10 meters.
dog.bark();   // Output: Woof! Woof!

В приведенном выше коде класс Dogрасширяет класс Animal, наследуя его свойства nameи move. метод. Метод barkспецифичен для класса Dogи не наследуется.

1. Реализации.
   Ключевое слово «реализует» используется для обеспечения соответствия класса определенному интерфейсу. Интерфейсы определяют контракт для классов, определяя свойства и методы, которые они должны реализовать. Вот пример:

interface Shape {
  calculateArea(): number;
}
class Rectangle implements Shape {
  constructor(public width: number, public height: number) {}
  calculateArea() {
    return this.width * this.height;
  }
}
const rectangle = new Rectangle(5, 10);
console.log(rectangle.calculateArea()); // Output: 50

В этом примере класс Rectangleреализует интерфейс Shape, который требует реализации метода calculateArea. Используя ключевое слово «implements», компилятор TypeScript гарантирует, что класс предоставляет реализацию для всех методов, определенных в интерфейсе.

1. Расширение интерфейсов.
   Интерфейсы также могут расширять другие интерфейсы, точно так же, как классы могут расширять другие классы. Это позволяет компоновать интерфейсы для создания более конкретных контрактов. Вот пример:

interface Animal {
  name: string;
}
interface FlyingAnimal extends Animal {
  fly(): void;
}
class Bird implements FlyingAnimal {
  constructor(public name: string) {}
  fly() {
    console.log(`${this.name} is flying.`);
  }
}
const bird = new Bird("Sparrow");
bird.fly(); // Output: Sparrow is flying.

В этом примере интерфейс FlyingAnimalрасширяет интерфейс Animal, добавляя метод fly. Класс Birdреализует интерфейс FlyingAnimal, наследуя свойство nameи предоставляя реализацию метода fly.

Понимание различий между «расширениями» и «реализацией» в TypeScript необходимо для создания масштабируемого и удобного в обслуживании кода. Ключевое слово «extends» облегчает наследование классов, а ключевое слово «implements» обеспечивает соблюдение интерфейсов. Эффективно используя эти функции, разработчики могут создавать модульные и повторно используемые базы кода на TypeScript.

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