Вопросы React Frontend Developer

CSS-переменные — это настраиваемые свойства, определяемые пользователем, которые можно использовать повторно в различных местах стилей. Они задаются с префиксом -- и могут быть изменены в зависимости от контекста, например, внутри медиазапросов. Это упрощает управление стилями и позволяет более гибко адаптировать дизайн.

Temporal dead zone (TDZ) — это период времени от начала области видимости переменной, объявленной с помощью let или const, до момента её инициализации. В TDZ переменные недоступны и попытка к ним обратиться вызовет ошибку. Это помогает избежать непредсказуемого поведения при работе с переменными.

JavaScript использует механизм, называемый "лексическое окружение", для поиска ссылок на переменные в определенном scope (области видимости). Когда функция вызывается, создается новое лексическое окружение, которое включает в себя ссылки на переменные, объявленные в родительских scopes. Если переменная не найдена в текущем scope, движок продолжает поиск в родительских scopes до тех пор, пока не найдет переменную или не достигнет глобального scope.

Замыкания — это функция, которая запоминает свое окружение. Проблема возникает, когда в циклах замыкания "запоминают" одно и то же значение переменной, которая изменяется на каждой итерации. Это приводит к тому, что все замыкания используют одно и то же последнее значение. Чтобы избежать этой проблемы, можно использовать let вместо var или создавать новую область видимости с помощью IIFE.

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