栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

如何在javascript中进行深度克隆

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

如何在javascript中进行深度克隆

这实际上取决于您要克隆的内容。这是真正的JSON对象还是Javascript中的任何对象?如果您想进行任何克隆,可能会给您带来麻烦。哪个麻烦
我将在下面解释它,但是首先,是一个代码示例,该示例克隆对象文字,任何基元,数组和DOM节点。

function clone(item) {    if (!item) { return item; } // null, undefined values check    var types = [ Number, String, Boolean ],         result;    // normalizing primitives if someone did new String('aaa'), or new Number('444');    types.forEach(function(type) {        if (item instanceof type) { result = type( item );        }    });    if (typeof result == "undefined") {        if (Object.prototype.toString.call( item ) === "[object Array]") { result = []; item.forEach(function(child, index, array) {      result[index] = clone( child ); });        } else if (typeof item == "object") { // testing that this is DOM if (item.nodeType && typeof item.cloneNode == "function") {     result = item.cloneNode( true );     } else if (!item.prototype) { // check that this is a literal     if (item instanceof Date) {         result = new Date(item);     } else {         // it is an object literal         result = {};         for (var i in item) {  result[i] = clone( item[i] );         }     } } else {     // depending what you would like here,     // just keep the reference, or create new object     if (false && item.constructor) {         // would not advice to do that, reason? Read below         result = new item.constructor();     } else {         result = item;     } }        } else { result = item;        }    }    return result;}var copy = clone({    one : {        'one-one' : new String("hello"),        'one-two' : [ "one", "two", true, "four"        ]    },    two : document.createElement("div"),    three : [        { name : "three-one", number : new Number("100"), obj : new function() {     this.name = "Object test"; }}    ]})

现在,让我们讨论开始克隆REAL对象时可能遇到的问题。我现在说的是关于您通过执行类似操作创建的对象

var User = function(){}var newuser = new User();

当然,您可以克隆它们,这不是问题,每个对象都公开构造函数属性,并且可以使用它来克隆对象,但是它并不总是有效。您也可以

forin
对这个对象做简单的事情,但是它朝着相同的方向发展-麻烦。我还在代码中包含了克隆功能,但
if( false )
语句未将其包含在内。

那么,为什么克隆会很痛苦呢?好吧,首先,每个对象/实例都可能具有某种状态。您永远无法确定您的对象没有私有变量,如果是这种情况,通过克隆对象,您就可以破坏状态。

想象没有状态,那很好。然后我们还有另一个问题。通过“构造函数”方法进行克隆将给我们带来另一个障碍。这是一个参数依赖项。您永远无法确定创建此对象的人没有这样做,

new User({   bike : someBikeInstance});

在这种情况下,您很不走运,可能在某些上下文中创建了someBikeInstance,并且该上下文对于克隆方法而言是未知的。

那么该怎么办?您仍然可以执行

for in
解决方案,并将此类对象像普通对象文字一样对待,但也许根本不克隆此类对象,而只是传递该对象的引用是一种主意吗?

另一个解决方案是-
您可以设置一个约定,必须克隆的所有对象都应自己实现这一部分,并提供适当的API方法(例如cloneObject)。

cloneNode
正在为DOM
做些什么。

你决定。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/456704.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号