Рекурсивное клонирование объекта со всеми вложенными свойствами и методами

Условие

Необходимо реализовать глубокую копию переданного объекта, учитывая все его вложенные структуры – примитивные значения, массивы и функции. При этом важно, чтобы методы сохраняли корректный контекст this (например, метод onClick использует текущий объект). Полученная копия должна полностью отделяться от оригинала: любые изменения в копии не должны отражаться на исходном объекте.

const obj = {
    name: 'Ivan',
    surname: 'Ivanov',
    hobbies: ['gym', 'video games', 'pubs'],
    onClick: this.handleClick,
};

Ответ

Полностью независимое клонирование произвольных функций невозможно: их замыкания могут ссылаться на исходные данные. Для обычных объектов копируют вложенные данные, а функции обычно оставляют по ссылке.

Обычный метод function получает this при вызове copy.method(), поэтому одна и та же функция может работать с полями копии. Но стрелка или bind сохраняют прежний контекст; универсально перепривязать их внутреннее окружение нельзя. structuredClone также не клонирует функции.

В примере this.handleClick читается при создании литерала из внешнего this, а не из создаваемого obj, и может оказаться undefined или вызвать ошибку. Сначала определите обработчик явно. Для глубокого копирования ограничьте контракт plain objects/arrays, сохраняйте циклы через WeakMap и оговорите, что методы разделяются по ссылке. Обещать полную изоляцию замыканий было бы неверно.