React Frontend Developer

Question 1

Как использовать Fetch API и Streams для обработки больших объемов данных?

Accepted Answer

Fetch API позволяет загружать данные с сервера, а Streams — обрабатывать их по частям, что особенно полезно для работы с большими объемами данных. Вместо загрузки всего файла сразу, можно использовать метод response.body.getReader(), чтобы считывать данные частями, что позволяет уменьшить использование памяти и ускорить обработку. Это позволяет начать обработку данных, не дожидаясь полной загрузки, что особенно полезно для больших файлов, таких как видео или изображения.

Question 2

Для чего используется директива use strict в JavaScript и как она влияет на код?

Accepted Answer

Директива use strict активирует строгий режим в JavaScript, который помогает писать более безопасный и предсказуемый код. Она предотвращает использование небезопасных или устаревших возможностей языка, таких как автоматическое создание глобальных переменных. Строгий режим помогает быстрее находить ошибки и улучшает производительность в некоторых случаях.

Question 3

Почему не рекомендуется использовать конструкторы, такие как new String, в JavaScript?

Accepted Answer

Использование конструкторов, таких как new String или new Number, не рекомендуется, так как они создают объект вместо примитива. Объекты ведут себя иначе, чем примитивные типы данных, и могут приводить к неожиданным результатам в сравнении и других операциях. Примитивные значения (например, строки или числа) следует использовать напрямую без конструкторов.

Question 4

Как работает strictNullChecks в TypeScript?

Accepted Answer

Флаг strictNullChecks в TypeScript делает обязательной проверку на null и undefined, предотвращая неявное использование этих значений в коде. Это помогает избежать типичных ошибок, связанных с неопределенными значениями.

Question 5

Что такое Distributive Conditional Types в TypeScript?

Accepted Answer

Distributive Conditional Types — это условные типы, которые автоматически распределяются по элементам union-типа. Это мощный механизм для трансформации типов в более гибкие и детализированные конструкции.

Question 6

Что такое Infrastructure as Code (IaC)?

Accepted Answer

Infrastructure as Code (IaC) — это метод управления и развертывания IT-инфраструктуры с помощью кода, а не ручной настройки серверов. Это позволяет автоматизировать, версионировать и обеспечивать единообразие среды.

Question 7

Как реализовать глубокое копирование объекта без использования JSON.stringify и StructuredClone? Какие сложности могут возникнуть?

Accepted Answer

Глубокое копирование можно реализовать с помощью рекурсивной функции, которая вручную создает новый объект или массив и копирует все его свойства. Для каждого свойства, если оно является объектом, функция вызывает сама себя. Основные сложности: обработка циклических ссылок (когда объект ссылается сам на себя), копирование специальных объектов (как Date, Map, Set) и поддержка различных типов данных.

Question 8

this — как определяется и чем отличается в strict mode

Accepted Answer

Ключевое слово this в JavaScript ссылается на объект, в контексте которого выполняется функция. В нестрогом режиме, если функция вызывается без контекста, this становится глобальным объектом (window в браузере). В строгом режиме в такой ситуации this будет undefined. Это помогает избежать случайных изменений глобальных переменных и делает код более безопасным.

Question 9

Чем отличается strict mode от нестрогого режима

Accepted Answer

Строгий режим - это специальный режим в JavaScript, который делает код более безопасным и предотвращает распространенные ошибки. Он запрещает некоторые синтаксические конструкции, которые считаются проблемными, и изменяет поведение некоторых операций. Например, в строгом режиме нельзя использовать необъявленные переменные, удалять неудаляемые свойства или дублировать параметры функции. Это помогает писать более качественный и надежный код.

Question 10

В чем разница между Object.assign и копированием через JSON.stringify / JSON.parse?

Accepted Answer

Object.assign делает поверхностное копирование объекта.JSON.stringify / JSON.parse выполняет глубокое копирование, но с серьёзными ограничениями.При использовании JSON теряются функции, undefined, Symbol и специальные типы данных.Также JSON не умеет работать с циклическими ссылками.

Вопросы React Frontend Developer