React Frontend Developer

Question 1

Зачем используется запрос с методом OPTIONS?

Accepted Answer

Запрос OPTIONS отправляется браузером автоматически перед некоторыми HTTP-запросами (например, POST или DELETE с особыми заголовками). Это часть механизма CORS — он проверяет, разрешён ли запрос сервером.

Question 2

Что такое опциональная цепочка в JS?

Accepted Answer

Опциональная цепочка (?.) — это оператор в JavaScript, который позволяет безопасно обращаться к свойствам вложенных объектов без проверки существования каждого уровня. Если какое-либо свойство в цепочке равно null или undefined, выражение возвращает undefined вместо ошибки. Это упрощает код и делает его более читаемым.

Question 3

Какие сложности возникают с optional полями в TypeScript?

Accepted Answer

Optional поля в TypeScript обозначаются знаком ? и могут содержать значение undefined. Основная сложность — необходимость проверять наличие значения перед использованием, иначе TypeScript выдаст ошибку. Это помогает избежать ошибок времени выполнения, но требует дополнительных проверок или использования операторов, таких как optional chaining.

Question 4

Что такое preflight-запрос и при каких условиях браузер его отправляет?

Accepted Answer

Preflight-запрос — это предварительный HTTP-запрос методом OPTIONS, который браузер отправляет перед основным запросом, если он не является простым. Он нужен, чтобы сервер подтвердил разрешение на кросс-доменный запрос. Браузер отправляет его, если используется нестандартный метод (например, PUT, DELETE), или если заголовки выходят за рамки простых (например, Authorization).

Question 5

Как будет выглядеть деструктуризация объекта, если в исходном выражении используется optional chaining?

Accepted Answer

Optional chaining (?.) нельзя использовать напрямую в левой части деструктуризации. Вместо этого нужно сначала получить значение через optional chaining, а затем деструктуризировать его, либо использовать значение по умолчанию через || или ??.

Question 6

В чём разница между devDependencies, peerDependencies, optionalDependencies и bundledDependencies?

Accepted Answer

devDependencies нужны только для разработки и тестирования, не попадают в продакшен. peerDependencies указывают на совместимые версии пакетов, которые ожидаются от потребителя. optionalDependencies необязательны, их отсутствие не ломает установку. bundledDependencies включают пакеты в архив при публикации.

Question 7

Как метод OPTIONS связан с механизмом CORS?

Accepted Answer

Метод OPTIONS используется браузером для отправки предварительного запроса (preflight) перед фактическим запросом, если он не является простым. Сервер отвечает заголовками Access-Control-Allow-*, указывая разрешенные методы и источники. Если ответ не содержит нужных заголовков, браузер блокирует основной запрос. Это защищает сервер от нежелательных кросс-доменных операций.

Question 8

В каких случаях отправляется OPTIONS-запрос при кросс-доменных запросах, и в чём разница между простыми (simple) и сложными (preflighted) запросами?

Accepted Answer

OPTIONS-запрос (preflight) отправляется браузером автоматически перед сложным кросс-доменным запросом, чтобы проверить разрешения сервера. Простые запросы — это GET, HEAD или POST с ограниченными заголовками и типами контента (text/plain, multipart/form-data, application/x-www-form-urlencoded). Сложные запросы включают другие методы (PUT, DELETE), кастомные заголовки или тип application/json — для них браузер сначала шлёт OPTIONS, и только после успешного ответа отправляет основной запрос.

Question 9

Как декораторы @Optional, @Self, @SkipSelf и @Host влияют на поиск зависимости в иерархии инжекторов?

Accepted Answer

Angular ищет зависимость, поднимаясь по иерархии инжекторов от текущего к родительским. @Optional разрешает отсутствие зависимости (вернёт null). @Self ограничивает поиск только текущим инжектором. @SkipSelf пропускает текущий инжектор и начинает с родителя. @Host останавливает поиск на хост-компоненте, не поднимаясь выше.

Вопросы React Frontend Developer