​Какая разница между композицией и наследованием?

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

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

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

👉 @frontendInterview

Как frontend-разработчику получить оффер в Bigtech?

Ты вроде бы уже не джун, но всё равно чувствуешь, что топчешься на месте? Рынок перегрет, требований всё больше, а откликов — всё меньше? На собесах валят на алгоритмах или просят "нарисовать" архитектуру, как будто ты ведущий.

При этом вокруг кто-то постоянно получает офферы в Яндекс или VK, а у тебя не получается даже дойти до финального этапа? Хочется стабильности, интересных задач и наконец-то попасть в сильную команду...

Меня зовут Тихон, привет! Я — действующий Frontend-разработчик и ментор. Помогаю устроиться на хорошие позиции в Bigtech и сопровождаю на испытательном сроке.

В своем канале:
👉 публикую видео с решением задач, которые прямо сейчас дают крупные компании на собеседованиях
👉даю примеры по прохождению собеседований
👉разбираю резюме и докручиваю резюме подписчиков
👉и просто создаю дружелюбное, комфортное сообщество, где коллеги всегда готовы подсказать и поддержать

🎁В закрепе тебя ждёт подборка из 60 задач, которые сейчас дают на собеседованиях Яндекс, Т-Банк и другие крупные IT игроки.

Подписывайся и получай максимум пользы, а нас уже больше 3500 🤓: frontend_punks

Реклама, erid: 2W5zFGjSGm6 ИП Галактионов Тихон Витальевич, ИНН 771618975809

МТС приглашает на масштабный ИТ-чемпионат True Tech Champ 2025!

Соревнования пройдут в двух треках: алгоритмы и программирование роботов. Участвовать могут начинающие ИТ-специалисты и опытные разработчики.

В этом году ты сможешь:
— решать алгоритмические задачи в индивидуальном зачете;
— объединиться в команду с другими участниками и управлять роботом в лабиринте с помощью кода;
— попасть на офлайн шоу-финал в качестве участника или зрителя;
— побороться за призовой фонд 10 250 000 рублей.

Отборочные этапы состоятся онлайн, финал — 21 ноября в МТС Live Холл в Москве.

Регистрация открыта до 20 октября. Подай заявку прямо сейчас.

​Создание массива из большого количества повторяющихся элементов

Есть несколько разных способов для создания массива с котиками.

Допустим, нам нужно завести котиков в 100 комнат, по одному на комнату, как это сделать? Можно выделить место (память) для котиков, а потом заселить туда котиков:

 Array(100).fill("😸")  // Чуть более функциональный стиль

Также мы можем выделить 100 комнат, а потом пройти в каждую и руками туда посадить кота. Массив можно создать с помощью деструктуризации [...].

 [...Array(100)].map(() => "😸")

Также можно создать массив с помощью функции Array.from, указав способ обработки каждого элемента.

 Array.from(Array(100), () => "😸")

В Array.from также можно передать array-like структуру данных, для этого нам нужно передать поле length.

 Array.from({ length: 100}, () => '😸')

Можно создать пустой массив, создать цикл и поселить в каждую комнату по её индексу по коту.

 const arr = []
 for(let i=0; i<100;i++){
     arr[i] = "😸" // Чуть более императивный стиль
 }

Также можно пушить элементы в конец массива, это будет работать быстрее на большом количестве элементов.

 const arr = []
 for(let i=0; i<100;i++){
     arr.push("😸")
 }

👉 @frontendInterview