React Frontend Developer

Question 1

Какие преимущества предоставляет оператор spread по сравнению с альтернативными подходами, такими как метод concat() для массивов или Object.assign() для объектов?

Accepted Answer

Оператор spread (...) позволяет легко копировать и объединять массивы и объекты с помощью более лаконичного и читаемого синтаксиса. В отличие от метода concat(), который требует явного указания массива для объединения, и Object.assign(), который может затруднить копирование объектов с вложенными структурами, оператор spread делает эти операции интуитивно понятными и менее подверженными ошибкам. Это упрощает написание кода и повышает его читаемость.

Question 2

Чем оператор spread (...) отличается от rest параметров?

Accepted Answer

Spread оператор "разворачивает" элементы массивов или свойства объектов, а rest параметры "собирают" оставшиеся аргументы в массив или оставшиеся свойства в объект. Spread используется в правой части выражения, rest - в левой, в контексте деструктуризации или параметров функции.

Question 3

Чем отличается spread от rest оператора?

Accepted Answer

spread используется для раскрытия элементов массива или объекта. rest используется для сбора элементов в массив или объект. Визуально это один и тот же ..., но смысл зависит от места использования. spread чаще применяют при копировании и объединении данных, rest — в параметрах функций и деструктуризации

Question 4

Почему spread не делает глубокую копию?

Accepted Answer

Оператор spread (...) создаёт поверхностную копию (shallow copy). Это означает, что копируются только свойства верхнего уровня. Если свойство содержит объект, массив или функцию, копируется только ссылка на этот объект, а не сам объект. Поэтому изменения во вложенных структурах будут видны и в оригинале, и в копии. Для глубокого копирования нужно использовать другие методы, например, JSON.parse(JSON.stringify(obj)) или библиотеки типа Lodash.

Question 5

Если передать spread-объект в зависимости useEffect, будет ли эффект триггериться даже при изменении несвязанных полей?

Accepted Answer

Да, эффект будет триггериться при каждом рендере, если передать spread-объект в зависимости. Причина в том, что spread-оператор создает новый объект каждый раз при рендере, и React сравнивает зависимости по ссылке. Новый объект всегда имеет новую ссылку, поэтому useEffect будет выполняться при каждом рендере, даже если поля объекта не изменились.

Вопросы React Frontend Developer