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

var, let и const различаются областью видимости, hoisting и переприсвоением.

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

Node.js работает в одном потоке и делегирует ввод-вывод, поэтому не блокируется.

• libuv обрабатывает ввод-вывод через асинхронные API ОС или пул потоков для блокирующих задач
• завершённые операции ставят свои коллбэки в очередь цикла событий
• цикл обрабатывает очереди по фазам: таймеры, ожидающие коллбэки, poll, check, close
• это позволяет Node обслуживать тысячи одновременных соединений, не заставляя основной поток ждать

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

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

В JavaScript объекты наследуют напрямую от других объектов через цепочку прототипов.

• обращение к свойству поднимается по цепочке, пока не найдёт его или не достигнет null
• классическое наследование в Java использует классы как шаблоны в жёсткой иерархии
• синтаксис class из ES6 - лишь сахар над прототипами
• он не меняет поведение среды выполнения

async/await - синтаксический сахар над Promise для линейного написания асинхронного кода.

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

WeakMap и WeakSet хранят слабые ссылки, поэтому их элементы могут собираться сборщиком мусора.

• сборщик может освободить объекты, даже если они ещё в коллекции
• идеальны для метаданных на DOM-узлах или объектах без блокировки очистки
• в отличие от Map и Set они не перебираемы
• их содержимое нельзя перечислить или получить списком

JavaScript использует mark-and-sweep, освобождая всё, что недостижимо из корней.

• он периодически помечает объекты, достижимые из глобальных переменных и стека вызовов, и освобождает остальное
• замыкания, удерживающие большие объекты слишком долго, вызывают утечки
• обработчики событий, добавленные повторно без удаления, текут
• глобальные структуры без ограничений тоже накапливают данные; диагностируйте снимками кучи или флагом --inspect

Значение this определяется тем, как вызвана функция, а не где она объявлена.

• при обычном вызове this указывает на глобальный объект или undefined в строгом режиме
• при вызове метода this указывает на объект перед точкой
• в стрелочной функции this лексически привязан к окружающей области видимости
• частая ловушка - потеря this при передаче метода как коллбэка, решается стрелочными функциями или .bind()

Каждая версия HTTP уменьшает блокировку начала очереди и задержку.

• HTTP/1.1 использует постоянные соединения, но блокирует начало очереди, поэтому браузеры открывают много параллельных соединений
• HTTP/2 добавляет мультиплексирование по одному соединению, сжатие заголовков и server push
• HTTP/3 заменяет TCP протоколом QUIC, убирая блокировку начала очереди на уровне соединения
• QUIC позволяет потокам падать независимо, снижая задержку в сетях с потерями

CORS - правило браузера, блокирующее межисточниковые запросы, если сервер их не разрешит.

• сервер разрешает источники через Access-Control-Allow-Origin и связанные заголовки
• запросы с кастомными заголовками или не-простыми методами сначала вызывают preflight OPTIONS
• браузер продолжает только при правильных заголовках Allow от сервера
• в Express используйте middleware cors с явным списком источников, а не wildcard в production

Аутентификация проверяет, кто вы; авторизация проверяет, что вам разрешено делать.

• аутентификация проверяет личность по учётным данным или подписанному токену
• авторизация проверяет права, например роль администратора перед доступом
• путаница между ними порождает уязвимости
• пример: токен проверяется, но не проверяется право пользователя на запрашиваемый ресурс

Куки - механизм передачи; сессии и JWT - два способа хранить состояние пользователя.

• сессионная аутентификация хранит данные на сервере, часто в Redis, и выдаёт клиенту ID сессии
• сервер обращается к хранилищу при каждом запросе
• JWT кодируют подписанные claims на клиенте, сервер остаётся stateless и лишь проверяет подпись
• кука может нести любой вариант; флаги HttpOnly и Secure не дают JavaScript читать токен

Cache-Control и ETag дают кеширование по времени и по содержимому.

• Cache-Control задаёт политику: max-age - время жизни, no-cache - перепроверять, no-store - не кешировать
• ETag - отпечаток, который клиент возвращает в If-None-Match при следующем запросе
• сервер отвечает 304 Not Modified, если содержимое не изменилось
• их комбинация даёт и временное истечение, и проверку актуальности содержимого

WebSocket держит постоянное двустороннее соединение; поллинг повторяет короткие запросы.

• WebSocket переходит с HTTP на одно постоянное двустороннее TCP-соединение
• любая сторона может отправлять данные в любой момент
• long polling держит запрос открытым до появления данных, затем клиент запрашивает снова
• WebSocket выигрывает при частом двустороннем трафике вроде чата; поллинг проще для редких обновлений

Браузер превращает URL в пиксели через DOM, CSSOM, дерево рендеринга, разметку и отрисовку.

• после DNS и TCP/TLS он загружает HTML и строит DOM, выполняя CSS и JS по мере обнаружения
• CSS парсится в CSSOM и объединяется с DOM в дерево рендеринга
• браузер вычисляет разметку (reflow) и отрисовывает пиксели на экране
• блокирующие скрипты задерживают первую отрисовку, поэтому откладывайте некритический JS и встраивайте критический CSS

Виртуальный DOM - копия реального DOM в памяти React, нужная для минимизации обновлений.

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

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

• значение управляемого поля проходит через состояние и обработчик onChange
• неуправляемое поле хранит значение в DOM, читается через ref при необходимости
• управляемые компоненты проще валидировать, сбрасывать и тестировать
• неуправляемые помогают огромным формам, где перерисовка на каждое нажатие бьёт по производительности

Хуки позволяют функциональным компонентам использовать состояние и жизненный цикл без классов.

• они добавляют состояние и жизненный цикл React в функциональные компоненты
• вызывайте их только на верхнем уровне компонента или кастомного хука
• никогда не вызывайте внутри условий, циклов или вложенных функций
• React полагается на порядок вызовов, чтобы сопоставить состояние хука с нужным экземпляром компонента между рендерами

useEffect выполняется после рендера, а массив зависимостей управляет его повторными запусками.

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

useMemo кеширует вычисленное значение; useCallback кеширует ссылку на функцию.

• useMemo возвращает кешированный результат, пока зависимости не изменятся, избегая дорогих пересчётов
• useCallback не даёт функции пересоздаваться при каждом рендере
• оба сохраняют референциальное равенство между рендерами
• это важно при передаче значений в мемоизированные дочерние компоненты или в зависимости хуков