React Frontend Developer

Question 1

Объяснить разницу между var, let и const в JavaScript?

Accepted Answer

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

Question 2

Расскажите об области видимости переменных?

Accepted Answer

Область видимости переменной определяет, где в коде эта переменная доступна. В JavaScript существуют глобальная область видимости, блочная область видимости и область видимости функции. Переменные, объявленные с var, имеют функциональную область видимости, а let и const — блочную область видимости, что означает, что они доступны только внутри блока, в котором были объявлены.

Question 3

Как работают функции calc(), var(), clamp() и как они могут быть полезны для динамического расчета значений?

Accepted Answer

Функции calc(), var(), clamp() позволяют выполнять вычисления внутри CSS.calc() используется для арифметических операцийvar() — для использования CSS-переменныхclamp() помогает задавать значения с минимальным и максимальным ограничением

Question 4

Почему при использовании var в цикле получаются одинаковые значения?

Accepted Answer

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

Question 5

Что произойдёт при обращении к переменной до объявления через var?

Accepted Answer

При обращении к переменной, объявленной через var, до её объявления ошибки не будет. Переменная будет существовать, но её значение будет undefined. Это происходит из-за механизма поднятия объявлений. Однако инициализация значения происходит только в месте фактического объявления. Такое поведение часто приводит к трудноуловимым ошибкам.

Question 6

Что произойдёт при обращении к переменной до объявления через let или const?

Accepted Answer

При обращении к переменной, объявленной через let или const, до её объявления произойдёт ошибка ReferenceError. Переменная существует, но недоступна до момента инициализации. Это поведение защищает код от неявных ошибок. Такое ограничение делает код более предсказуемым.

Question 7

Как hoisting работает для var, let и const

Accepted Answer

Hoisting — это когда объявления “обрабатываются” до выполнения кода. У var объявление поднимается и переменная сразу инициализируется как undefined, поэтому к ней можно обратиться до строки объявления (получишь undefined). У let и const тоже есть поднятие объявления, но до фактической инициализации переменная находится в TDZ (temporal dead zone), и доступ к ней до объявления вызывает ReferenceError. const дополнительно требует инициализацию сразу при объявлении.

Question 8

Почему при использовании let и const возникает ReferenceError

Accepted Answer

let и const поднимаются (hoisting есть), но не инициализируются сразу. До строки объявления переменная находится в TDZ, и любое обращение к ней приводит к ReferenceError. Это сделано намеренно, чтобы избежать скрытых багов, когда код читает переменную до ее логического объявления. В отличие от var, где до объявления возвращается undefined, let/const сразу сигнализируют об ошибке.

Question 9

Что произойдёт при использовании var в цикле с асинхронным кодом?

Accepted Answer

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

Вопросы React Frontend Developer