JavaScript: Deep Copy Image() Object

JavaScript: Deep Copy Image() Object

本文关键字:Object Image Copy Deep JavaScript      更新时间:2023-09-26

我有这个对象合并功能:

function merge( obj1, obj2 )
{
    var result = {};
    for( var prop in obj1 )
    {
        if( obj2.hasOwnProperty(prop) )
        {
            if( 'object' === typeof obj1[prop] && 'object' === typeof obj2[prop] )
            {
                result[prop] = merge( obj1[prop], obj2[prop] );
            }
            else
            {
                result[prop] = obj2[prop];
            }
        }
        else
        {
            result[prop] = obj1[prop];
        }
    }
    return result;
};

此函数的目的是将两个对象合并为一个对象,用 obj2 的值(如果存在)覆盖 obj1 的值。

它适用于大多数对象,但是当我尝试使用它来合并两个Image()对象时,我陷入了一个无限循环。例如:

merge(new Image(), new Image())

结果在:

Uncaught RangeError: Maximum call stack size exceeded

我认为这与对象的事件有关,但我不确定。您认为为什么会发生这种情况,以及如何改进此功能以解决此问题?

第一件事是 null 是一个对象,因此您为所有 null 调用合并。

二是有属性

ownerDocument 

所以你正在循环那个...