为什么 jQuery Extend Deep Copy 不递归复制对象？

Question

我到处搜索，发现类似问题的答案并没有真正解决我的问题，所以如果这似乎是重复，我深表歉意，但从我的实验来看，jQuery 的深拷贝功能实际上并没有像原来那样工作描述（或者我可能误读了它的描述）。

这是一个演示我遇到的问题的示例： http://jsfiddle.net/wcYsH/

或者这个下载： https://github.com/kevroy314/jQuery-Extend-Test

为什么深拷贝被操作时，前一个拷贝中的数据会发生变化？

Answer 1

首先，您不是在创建普通对象。

我正在查看用于扩展的 jQuery 1.7.2 的源代码。

https://github.com/jquery/jquery/blob/master/src/core.js

我注意到这条线：

if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy))

必须评估为true 才能进行深度复制。 copy 只是当前被复制对象的一部分。

但您不是在创建“普通”对象。您正在创建通过使用 new 运算符调用构造函数生成的对象。

现在，在 isPlainObject 中，似乎必须评估这些行。 （其中 hasOwn 是 hasOwn = Object.prototype.hasOwnProperty

    try {
        // Not own constructor property must be Object
        if ( obj.constructor &&
            !hasOwn.call(obj, "constructor") &&
            !hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
            return false;
        }
    } catch ( e ) {
        // IE8,9 Will throw exceptions on certain host objects #9897
        return false;
    }

而且它的结论是它不是一个“plainObject”。

当您考虑具有构造函数的对象时，这是有道理的可能应该通过该构造函数创建，或者至少使用您在其他语言/框架中看到的某种“克隆”方法。