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

Что такое Outlet, и когда он используется?

Accepted Answer

Outlet — это компонент из React Router, который отображает дочерний маршрут внутри родительского компонента. Используется, когда маршруты вложены, чтобы рендерить контент дочерних маршрутов в указанном месте.

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 в цикле значения разные

Accepted Answer

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

Question 9

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

Accepted Answer

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

Question 10

Какие библиотеки используются для карт (Leaflet, OpenLayers, Google Maps)?

Accepted Answer

Для встраивания карт в веб-приложения чаще всего используют три основные библиотеки: Leaflet, OpenLayers и Google Maps API. Leaflet — это легковесная и простая в использовании библиотека с открытым исходным кодом, идеальная для базовых карт. OpenLayers — более мощное и комплексное решение для сложных ГИС-задач, также с открытым кодом. Google Maps API — проприетарный сервис от Google, предоставляющий богатый функционал, но требующий лицензирования для коммерческого использования.

Вопросы React Frontend Developer