Вопросы на собеседовании: Фулстек-разработчик

var имеет область видимости функции и поднимается, тогда как let и const блочные.

• var: поднимается к началу функции и доступна до строки объявления
• let и const: блочная область видимости, недоступны до объявления
• let допускает переприсвоение, const нет, хотя свойства const-объекта можно менять
• По умолчанию используйте const, а let только когда переприсвоение действительно нужно

Замыкание, это функция, сохраняющая доступ к переменным внешней области даже после её завершения.

• Сохраняет переменные внешней лексической области после выхода из внешней функции
• Пример: фабрика счётчика возвращает внутреннюю функцию, инкрементирующую приватный count
• Каждый вызов фабрики создаёт независимый счётчик
• Основа мемоизации, модульных паттернов и обработчиков событий с памятью состояния

Node.js выполняет JavaScript в одном потоке, но выносит I/O, чтобы не блокироваться.

• Делегирует I/O вроде чтения файлов и сетевых запросов ОС или пулу потоков libuv
• Завершённая асинхронная операция помещает свой коллбэк в очередь цикла событий
• Цикл событий выполняет коллбэк, когда стек вызовов пуст
• Позволяет Node.js обрабатывать тысячи одновременных подключений без блокировки

== сравнивает после приведения типов, а === проверяет значение и тип без приведения.

• == сначала приводит типы, поэтому 0 == false равно true
• === проверяет и значение, и тип, поэтому 0 === false равно false
• В продакшне используйте === во избежание багов от неявного преобразования

Promise представляет конечный результат асинхронной операции.

• Имеет три состояния: ожидание, успех или ошибка
• Вы цепляете .then() и .catch() для обработки результата
• async/await, это сахар поверх Promise, читающийся как синхронный код
• Ошибки обрабатываются через try/catch, а не цепочки обработчиков

Функция высшего порядка принимает функцию в аргументы, возвращает функцию, или и то и другое.

• map, filter и reduce, типичные примеры
• map принимает коллбэк и применяет его к каждому элементу, возвращая новый массив той же длины
• Позволяет создавать компонуемую и переиспользуемую логику
• Лежит в основе функционального программирования на JavaScript

undefined значит, что значение не задано, а null, это намеренная пустота.

• undefined: значение по умолчанию для объявленной без инициализации переменной или непереданного параметра
• null: намеренное присвоение, отмечающее отсутствие значения
• Оба значения ложные (falsy)
• typeof undefined возвращает 'undefined', а typeof null, 'object', исторический баг

Деструктуризация лаконично извлекает значения массивов или свойства объектов в отдельные переменные.

• Работает и с массивами, и с объектами, раскладывая поля по переменным
• Пример: const { name, age } = user извлекает поля напрямую без отдельных обращений
• Сокращает повторяющиеся обращения к свойствам
• Особенно удобна с параметрами функций, ответами API и пропсами React

Интерфейс описывает форму объекта, а псевдоним типа, любой тип.

• Интерфейсы расширяются и реализуются классами, а одноимённые объединяются автоматически
• Псевдонимы покрывают объединения, примитивы и кортежи, не только объекты, без слияния объявлений
• Для расширяемых форм объектов предпочтительны интерфейсы
• Для объединений и вычисляемых типов предпочтительны псевдонимы типов

TypeScript выводит тип переменной из её начального значения.

• const count = 0 получает тип number без явной аннотации
• Вывод также охватывает возвращаемые типы функций и параметры обобщений
• Он применяется и к деструктурированным значениям
• Сокращает количество аннотаций при сохранении полной типобезопасности

Spread раскрывает итерируемое в отдельные элементы, а rest собирает аргументы в массив.

• Spread объединяет массивы [...arr1, ...arr2] или клонирует объекты { ...original, key: newValue }
• Rest использует тот же синтаксис в определении функции, например function sum(...numbers)
• Оба постоянно встречаются при обновлении состояния в React и в сигнатурах утилит

Каждый объект JavaScript ссылается на объект-прототип, образуя цепочку.

• Обращение к свойству идёт вверх по цепочке, пока не найдёт его или не достигнет null
• Классы ES6, это синтаксический сахар поверх этой цепочки прототипов
• Они не вводят классическую модель наследования, как в Java или C#

Синхронный код блокирует поток до конца каждой операции, асинхронный, нет.

• Синхронный выполняется строка за строкой, что может заморозить интерфейс или сервер на долгих задачах
• Асинхронный начинает операцию и продолжает выполнять другой код в ожидании
• Результат приходит через коллбэк, Promise или async/await
• Почти весь I/O вроде запросов к базе и HTTP-вызовов должен быть асинхронным во избежание блокировки

CommonJS использует require и работает синхронно, а ES Modules используют import и поддерживают tree shaking.

• CommonJS: require() и module.exports, синхронно, устаревший стандарт Node.js
• ES Modules: import и export, статический анализ и tree shaking, актуальный стандарт
• Формат модулей влияет на разрешение импортов и удаление неиспользуемого кода при бандлинге

Коллбэк, это функция, переданная другой функции для вызова после завершения асинхронной операции.

• Передаётся как аргумент и вызывается по завершении операции
• Вложение коллбэков на несколько уровней порождает callback hell, трудный для чтения и поддержки
• Promise и async/await устраняют вложенность и восстанавливают читаемый последовательный поток

Обобщения позволяют писать переиспользуемый код для разных типов с сохранением типобезопасности.

• Пример: identity<T>(value: T): T принимает любой тип и возвращает тот же тип
• При этом информация о типе не теряется
• Часто встречаются в утилитарных типах, обёртках для запросов и API переиспользуемых компонентов React
• Полезны, когда точный тип не известен на момент написания

map преобразует, filter отбирает, reduce накапливает.

• map преобразует каждый элемент и возвращает новый массив той же длины
• filter возвращает только элементы, прошедшие предикат, и может быть короче исходного
• reduce накапливает все элементы в одно значение, например сумму, объект или массив

Опциональная цепочка безопасно читает вложенные свойства, а нулевое слияние подставляет значение по умолчанию только для null или undefined.

• ?. возвращает undefined вместо ошибки, если промежуточное значение null или undefined, например user?.address?.city
• ?? возвращает правый операнд только если левый null или undefined, в отличие от ||, который срабатывает и на 0 или пустую строку
• Вместе user?.name ?? 'Аноним' даёт чистую и безопасную логику значений по умолчанию

Виртуальный DOM, это лёгкое дерево JavaScript-объектов, зеркалящее реальный DOM.

• При изменении состояния React строит новое виртуальное дерево и сравнивает его с предыдущим снимком
• Затем применяет только минимальный набор нужных реальных DOM-мутаций
• Быстрее, чем трогать реальный DOM при каждом изменении, ведь операции с ним затратны
• Освобождает разработчиков от ручного отслеживания того, какие элементы обновить

Управляемый компонент хранит значение в состоянии React, неуправляемый, в DOM.

• Управляемый: React, единственный источник истины, каждое нажатие вызывает обновление состояния и перерисовку
• Неуправляемый: значение в DOM, читается через ref по необходимости, без состояния React
• Управляемые дают предсказуемое поведение и упрощают валидацию
• Неуправляемые проще для случаев вроде загрузки файлов