React Frontend Developer

Question 1

Откуда у примитивов взялись методы и свойства?

Accepted Answer

В JavaScript примитивы, такие как строки, числа и булевы значения, временно оборачиваются в соответствующие объектные типы (String, Number, Boolean) при доступе к их методам. Эти объекты дают доступ к методам и свойствам, после чего примитив снова превращается в своё оригинальное значение.

Question 2

Как работают шаблонные литеральные типы (template literal types) в TypeScript?

Accepted Answer

Шаблонные литеральные типы позволяют создавать новые строковые типы с использованием шаблонных строк. Это мощный инструмент для создания более точных и динамических строковых типов, например, для создания строго типизированных маршрутов или переменных.

Question 3

Для чего используется webpack-cli?

Accepted Answer

Webpack CLI — это интерфейс командной строки, позволяющий запускать Webpack, управлять настройками и выполнять сборку проекта. Без него нельзя использовать Webpack из терминала.

Question 4

Как удалить дублирующиеся значения из строки?

Accepted Answer

Проще всего преобразовать строку в массив, удалить дубли через Set и собрать обратно. Если нужно удалить дубли символов — используйте new Set(str) и join. Если нужно удалить дубли слов — сначала разбейте строку по пробелам (split), примените Set, затем join. Важно уточнить, что именно считается “дублем”: символы, слова или подстроки.

Question 5

Как реализовать поиск всех анаграмм подстроки в строке?

Accepted Answer

Поиск анаграмм реализуется с помощью скользящего окна и частотных таблиц символов. Сначала считается частота символов искомой подстроки, затем окно той же длины «скользит» по строке. При совпадении частот найдено вхождение. Такой алгоритм работает за линейное время.

Question 6

Как найти все индексы вхождения подстроки с учётом анаграмм?

Accepted Answer

Для поиска всех индексов используется тот же алгоритм со скользящим окном. При каждом совпадении частот текущего окна с эталоном сохраняется индекс начала окна. В результате возвращается массив всех позиций. Алгоритм остаётся линейным по времени.

Question 7

Как реализовать алгоритм сжатия строки и оценить его сложность?

Accepted Answer

Простейший алгоритм сжатия строки — это run-length encoding, при котором одинаковые символы заменяются символом и количеством повторений. Например, aaabb превращается в a3b2. Такой алгоритм выполняется за O(n), так как строка проходит один раз.

Question 8

Как работает приведение объекта к строке?

Accepted Answer

При попытке преобразовать объект к строке JavaScript ищет метод toString() у самого объекта или в его цепочке прототипов. Если toString() возвращает примитив (обычно строку), он используется. Если нет, проверяется метод valueOf(). Если оба метода отсутствуют или возвращают не примитив, будет выброшена ошибка. По умолчанию Object.prototype.toString() возвращает строку вида [object Object].

Question 9

Почему данные в localStorage нужно сериализовать?

Accepted Answer

localStorage может хранить только строки. Если вы попытаетесь сохранить объект, массив или число, они будут автоматически преобразованы в строку через метод toString(), что приведет к потере данных или некорректному формату. Поэтому перед сохранением данные нужно сериализовать в JSON с помощью JSON.stringify(), а при чтении — десериализовать через JSON.parse().

Question 10

Если ключи объекта всегда строки и важен порядок вставки — что лучше использовать: Map или обычный объект?

Accepted Answer

Если ключи всегда строки и важен порядок вставки, то можно использовать и Map, и обычный объект. Однако Map гарантирует порядок вставки для всех ключей, включая строки, и имеет лучшую производительность при частом добавлении/удалении пар. Обычный объект также сохраняет порядок строковых ключей (кроме целочисленных), но может вести себя неочевидно. Для предсказуемости и производительности лучше выбрать Map.

Вопросы React Frontend Developer