React Frontend Developer

Question 1

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

Accepted Answer

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

Question 2

Что такое readonly свойства в TypeScript?

Accepted Answer

Ключевое слово readonly позволяет сделать свойство объекта или переменной неизменяемым. Это означает, что после присвоения значения, его нельзя изменить.

Question 3

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

Accepted Answer

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

Question 4

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

Accepted Answer

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

Question 5

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

Accepted Answer

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

Вопросы React Frontend Developer