React Frontend Developer

Question 1

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

Accepted Answer

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

Question 2

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

Accepted Answer

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

Question 3

Что такое temporal dead zone (временная мёртвая зона) в JavaScript и как она влияет на переменные?

Accepted Answer

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

Question 4

Почему можно изменять содержимое объекта, объявленного через const?

Accepted Answer

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

Question 5

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

Accepted Answer

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

Question 6

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

Accepted Answer

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

Question 7

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

Accepted Answer

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

Question 8

Почему переменные, объявленные через let или const в глобальной области, не становятся свойствами window?

Accepted Answer

Переменные var в глобальной области становятся свойствами window, а let и const — нет. Это связано с тем, что let и const создаются в глобальном лексическом окружении, а не как свойства объекта. Они доступны в глобальной области видимости, но не через window. Это сделано для более безопасной и предсказуемой работы со scope.

Question 9

Что произойдет при попытке изменить const?

Accepted Answer

При попытке напрямую присвоить новое значение переменной, объявленной через const, возникнет ошибка TypeError: Assignment to constant variable. Это происходит потому, что const создаёт неизменяемую привязку (binding) к значению. Однако важно помнить, что если значением const является объект или массив, то изменять (мутировать) внутренние свойства или элементы можно, так как неизменна сама ссылка, а не содержимое.

Question 10

Чем функциональная область видимости отличается от блочной?

Accepted Answer

Функциональная область видимости (var) ограничена телом функции, а блочная (let/const) — блоком кода (например, внутри if или for). Переменные var всплывают (hoisting) и инициализируются undefined, а let/const находятся во временной мёртвой зоне до объявления. Это делает let/const более безопасными для современных проектов.

Вопросы React Frontend Developer