改进版通过Json对象实现深复制的方法

2019-12-24,,

之前看到博客的关于Json对象的深复制方法,即
复制代码 代码如下:
var obj = {
sayName: function() {
alert(this.name);
},
name:'静水渊'
};var cloneObj=JSON.parse(JSON.stringify(obj));cloneObj.sayName();

但这种方式,不能复制属性值是函数的属性,因此改进了方法,以下是具体代码:
复制代码 代码如下:
var obj = {
sayName: function() {
alert(this.name);
},
name:'静水渊'
};
function clone(){
var str,newObj;
str= JSON.stringify(obj, function(key, value) {
return (typeof value == 'function' ? value.toString().replace(/^function(.*)/g, "jsonFunction$1") : value);
});
newObj = JSON.parse(str, function (key, value) {
if (/^jsonFunction(.*)/.test(value)) {
var strFun = '('+value.replace(/^jsonFunction(.*)/, "function$1")+')';
value = eval(strFun);
}
return value;
});
return newObj;
}
var cloneObj=clone(obj);
cloneObj.sayName();

因为还没有全面测试过,欢迎拍砖!

您可能感兴趣的文章:

  • jQuery中json对象的复制方式介绍(数组及对象)
  • JavaScript数组复制详解
  • JavaScript 数组的深度复制解析
  • javascript 三种数组复制方法的性能对比
  • Javascript 复制数组实现代码
  • javascript复制对象使用说明
  • js中如何复制一个对象并获取其所有属性和属性对应的值
  • 原生js实现复制对象、扩展对象 类似jquery中的extend()方法
  • 深入理解JavaScript中的对象复制(Object Clone)
  • JavaScript数组和对象的复制

《改进版通过Json对象实现深复制的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。