Как правильно клонировать объект JavaScript?

Чтобы сделать это для любого объекта в JavaScript не будет просто или просто. Вы столкнетесь с проблемой ошибочного взятия атрибутов от прототипа объекта, который нужно оставить в прототипе и не скопировать в новый экземпляр. Если, например, Вы добавляете a clone метод к Object.prototype, поскольку некоторые ответы изображают, необходимо будет явно пропустить тот атрибут. Но что, если существуют другие дополнительные методы, добавленные к Object.prototype, или другие промежуточные прототипы, о которых Вы не знаете? В этом случае Вы скопируете атрибуты, Вы не были должны, таким образом, необходимо обнаружить непредвиденные, нелокальные атрибуты с hasOwnProperty метод.

В дополнение к несчетным атрибутам Вы встретитесь с более жесткой проблемой, когда Вы попытаетесь скопировать объекты, которые скрыли свойства. Например, prototype скрытое свойство функции. Кроме того, на прототип объекта ссылаются с атрибутом __proto__, который также скрыт и не будет скопирован для/в итерации цикла по атрибутам исходного объекта. Я думаю __proto__ могло бы быть характерно для интерпретатора JavaScript Firefox, и это может быть что-то другое в других браузерах, но Вы получаете изображение. Не все является счетным. Можно скопировать скрытый атрибут, если Вы знаете его имя, но я не знаю ни о каком способе обнаружить его автоматически.

Еще одно препятствие в поисках изящного решения является проблемой установки опытного наследования правильно. Если прототип Вашего исходного объекта Object, затем просто создавая новый общий объект с {} будет работать, но если прототип источника является некоторым потомком Object, затем Вы собираетесь быть пропавшими без вести дополнительных участников от того прототипа, который Вы пропустили использование hasOwnProperty фильтр, или которые были в прототипе, но не были счетными во-первых. Одно решение могло бы состоять в том, чтобы назвать исходный объект constructor свойство, чтобы получить первоначальную копию возражает и затем скопировать по атрибутам, но затем Вы все еще не получите несчетные атрибуты. Например, a Date объектно-ориентированные памяти его данные как скрытый участник:

function clone(obj) {
    if (null == obj || "object" != typeof obj) return obj;
    var copy = obj.constructor();
    for (var attr in obj) {
        if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr];
    }
    return copy;
}

var d1 = new Date();

/* Executes function after 5 seconds. */
setTimeout(function(){
    var d2 = clone(d1);
    alert("d1 = " + d1.toString() + "\nd2 = " + d2.toString());
}, 5000);

Строка даты для d1 будут 5 секунд позади того из d2. Способ сделать тот Date то же, поскольку другой путем вызова setTime метод, но это характерно для Date класс. Я не думаю, что существует пуленепробиваемое общее решение этой проблемы, хотя я был бы рад быть неправым!

Когда я должен был реализовать общее глубокое копирование, я закончил тем, что шел на компромисс путем предположения, что я должен буду только скопировать плоскость Object, Array, Date, String, Number, или Boolean. Последние 3 типа неизменны, таким образом, я мог выполнить мелкую копию и не взволновать по поводу этого изменение. Я далее предположил, что любые элементы содержали в Object или Array также был бы один из 6 простых типов в том списке. Это может быть выполнено с кодом как следующее:

function clone(obj) {
    var copy;

    // Handle the 3 simple types, and null or undefined
    if (null == obj || "object" != typeof obj) return obj;

    // Handle Date
    if (obj instanceof Date) {
        copy = new Date();
        copy.setTime(obj.getTime());
        return copy;
    }

    // Handle Array
    if (obj instanceof Array) {
        copy = [];
        for (var i = 0, len = obj.length; i < len; i++) {
            copy[i] = clone(obj[i]);
        }
        return copy;
    }

    // Handle Object
    if (obj instanceof Object) {
        copy = {};
        for (var attr in obj) {
            if (obj.hasOwnProperty(attr)) copy[attr] = clone(obj[attr]);
        }
        return copy;
    }

    throw new Error("Unable to copy obj! Its type isn't supported.");
}

Вышеупомянутая функция будет работать соответственно на 6 простых типов, которые я упомянул, пока данные в объектах, и массивы формируют древовидную структуру. Таким образом, существует не больше чем одна ссылка на те же данные в объекте. Например:

// This would be cloneable:
var tree = {
    "left"  : { "left" : null, "right" : null, "data" : 3 },
    "right" : null,
    "data"  : 8
};

// This would kind-of work, but you would get 2 copies of the 
// inner node instead of 2 references to the same copy
var directedAcylicGraph = {
    "left"  : { "left" : null, "right" : null, "data" : 3 },
    "data"  : 8
};
directedAcyclicGraph["right"] = directedAcyclicGraph["left"];

// Cloning this would cause a stack overflow due to infinite recursion:
var cyclicGraph = {
    "left"  : { "left" : null, "right" : null, "data" : 3 },
    "data"  : 8
};
cyclicGraph["right"] = cyclicGraph;

Это не сможет обработать любой объект JavaScript, но это может быть достаточно во многих целях, пока Вы не предполагаете, что это будет просто работать на что-либо, что Вы бросаете в него.