我们知道,在js中,当object作为参数传递到函数中进行处理后,实际上是修改了传入的对象本身(或者说是对象的引用),但很多时候我们并不希望函数去修改我们的这些对象参数,这就需要使用到对象的克隆,我们应该对该对象做一个克隆,然后操作这个克隆的对象,这样就不会影响我们的原对象了。
不过在js中并没有对象克隆功能,因此需要我们自己实现,实现方法也不复杂其实,基本上是做一些属性复制,我在网上找了一些,但有些实现并不好,如对于array对象克隆后就成json对象了,并没有保留原来的数组方式。不过最后还是找到了一个很好的克隆函数,完美实现了js对象的克隆功能,不论是Array对象或者是普通的Object,都可以很好的进行克隆,这个函数使用constructor(函数构造器)进行复制。
具体代码如下:
Object.prototype.Clone = function(){
var objClone;
if (this.constructor == Object){
objClone = new this.constructor();
}else{
objClone = new this.constructor(this.valueOf());
}
for(var key in this){
if ( objClone[key] != this[key] ){
if ( typeof(this[key]) == 'object' ){
objClone[key] = this[key].Clone();
}else{
objClone[key] = this[key];
}
}
}
objClone.toString = this.toString;
objClone.valueOf = this.valueOf;
return objClone;
}
function clone(myObj){
if(typeof(myObj) != 'object') return myObj;
if(myObj == null) return myObj;
var myNewObj = new Object();
for(var i in myObj)
myNewObj[i] = clone(myObj[i]);
return myNewObj;
}
分享到:
相关推荐
SkillCrucial React Redux样板快速开始使用以下命令克隆此仓库: $ git clone git@github....对象解构箭头函数等Babel支持旧版浏览器SASS / SCSS:让样式再次完美无泪React路由器热模块更换可实现舒适的开
MingGeJS1.9.4.2016完美正式版 头 英文版。 PS 1.95版本 1:继续加强创建例程界面,添加更多类型数据替代。 2:添加prepend appendTo prependTo之前之后,完全和JQ一一模一样,并且而且带事件克隆效果,这些接口...
该工具可在离线状态下完美运行,因此您可以下载/克隆存储库并破解js文件,以查看如何处理固件。骇客目前,二进制生成代码是从MPC官方网站上获取的。 仍有优化空间,甚至可以使用自定义二进制格式启用更多功能。 您...
示例页面:您还可以制作与歌曲节奏完美同步的动画。 受到Kepstin积分实验的启发。 安装(制作自己的色相) 首先下载最新。 这些被最小化并且加载更快。 将您的重新打包zip放在您的Web服务器可以找到的位置。 我的...
使用以下命令克隆此仓库: $ git clone git@github.com:ovasylenko/skillcrucial-react-redux-boilerplate.git 要安装依赖项并清理git repo运行: $ yarn install 我们建议使用yarn来安装软件包,但是您可以使用...
使用以下命令克隆此仓库: $ git clone git@github.com:ovasylenko/skillcrucial-react-redux-boilerplate.git 要安装依赖项并清理git repo运行: $ yarn install 我们建议使用yarn来安装软件包,但是您可以使用...
SkillCrucial React Redux样板快速开始使用以下命令克隆此仓库: $ git clone git@github....对象解构箭头函数等Babel支持旧版浏览器SASS / SCSS:让样式再次变得完美无泪React路由器热模块更换,可舒适地
使用以下命令克隆此仓库: $ git clone git@github.com:ovasylenko/skillcrucial-react-redux-boilerplate.git 要安装依赖项并清理git repo运行: $ yarn install 我们建议使用yarn来安装软件包,但是您可以使用...
使用以下命令克隆此仓库: $ git clone git@github.com:ovasylenko/skillcrucial-react-redux-boilerplate.git 要安装依赖项并清理git repo运行: $ yarn install 我们建议使用yarn来安装软件包,但是您可以使用...
使用以下命令克隆此仓库: $ git clone git@github.com:ovasylenko/skillcrucial-react-redux-boilerplate.git 要安装依赖项并清理git repo运行: $ yarn install 我们建议使用yarn来安装软件包,但是您可以使用...
SkillCrucial React Redux样板快速开始使用以下命令克隆此仓库:$ git clone git@github....对象解构箭头函数等Babel支持旧版浏览器SASS / SCSS:让样式再次变得完美无泪React路由器热模块更换,可舒适地进行开