React Frontend Developer

Question 1

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

Accepted Answer

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

Question 2

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

Accepted Answer

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

Question 3

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

Accepted Answer

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

Question 4

Какие проблемы есть у JSON.stringify при копировании объектов?

Accepted Answer

JSON.stringify не умеет работать со всеми типами данных JavaScript.Он удаляет функции, undefined, Symbol и методы объектов.Также он не поддерживает циклические ссылки и специальные объекты вроде Date или Map.Из-за этого результат копирования может отличаться от исходного объекта.

Question 5

Что такое structuredClone и чем он отличается от JSON.stringify?

Accepted Answer

structuredClone — это встроенный API для глубокого копирования объектов.Он корректно копирует многие типы данных, которые не поддерживает JSON.stringify.structuredClone умеет работать с циклическими ссылками.При этом он сохраняет структуру данных без преобразования в строку.

Question 6

От какого объекта в JavaScript в итоге наследуются все типы?

Accepted Answer

Практически все объекты в JavaScript в итоге наследуются от Object.prototype. Это “базовый” объект в прототипной цепочке, где находятся общие методы (toString, hasOwnProperty и т.д.). Сам Object.prototype обычно наследуется от null, то есть это конец цепочки. Примитивы напрямую не объекты, но при обращении к методам часто временно “оборачиваются” в объект-обёртку.

Question 7

Откуда у строк появляются методы вроде toString()?

Accepted Answer

Строки — это примитивы, но при обращении к методу JavaScript временно оборачивает строку в объект String. Этот объект содержит методы, определённые в String.prototype. После вызова метода временный объект сразу удаляется. Поэтому методы у строк выглядят как “родные”, хотя сами строки объектами не являются.

Question 8

Почему 5.toString() не работает, но 5..toString() работает?

Accepted Answer

5.toString() не работает, потому что JavaScript воспринимает точку как часть числового литерала. В результате парсер “ждёт” дробную часть числа, а не вызов метода. Вариант 5..toString() работает, потому что первая точка завершает число, а вторая используется для доступа к методу. После этого число временно оборачивается в объект Number, и метод успешно вызывается.

Question 9

В каком порядке вызываются valueOf и toString?

Accepted Answer

При приведении объекта к примитиву JavaScript сначала пытается вызвать valueOf, а если он не возвращает примитив, вызывает toString. Этот порядок применяется по умолчанию для числового контекста. Если результат всё ещё не примитив, выбрасывается ошибка. Поведение строго описано в спецификации.

Вопросы React Frontend Developer