React Frontend Developer

Question 1

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

Accepted Answer

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

Question 2

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

Accepted Answer

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

Question 3

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

Accepted Answer

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

Question 4

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

Accepted Answer

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

Question 5

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

Accepted Answer

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

Вопросы React Frontend Developer