原创 

关于javascript中的引用和对象克隆(Clone)

分类:    433人阅读    IT小君  2016-08-30 22:54

一:在Javascript里,如果克隆对象是基本类型,我们直接赋值就可以了:

var sStr = "kingwell";
var cStr = sStr;
 alert(cStr);//输出kingwell
sStr = "abc";
alert(cStr);//输出kingwell;

 把一个值赋给另一个变量时,当那个变量的值改变的时候,另一个值不会受到影响。

二:如果不是基本类型,那就有所有不同了:

var aArr = [0,1,2,3];
var m = aArrr;
alert(m);//输出1,2,3
aArr=[1,1,2,3];
alert(m);//输出1,1,2,3;这个值改变了,因为m只是aArr的一个引用,如果aArr的值改变了,那么m也会相应的改变。

  开发中,打断对象间的引用关系,只想下个副本的情况无处不在,clone一个对象就在所难免了。

  JavaScript中,简单的方法就是用JSON函数,将对象stringify成字符串,再parse成一个新对象。要么就是从网上搜个代码,开源社区里面clone的代码还是有不少的。


举个栗子Clone函数:


function clone(obj) {
	var o;
	if (typeof obj == "object") {
		if (obj === null) {
			o = null;
		} else {
			if (obj instanceof Array) {
				o = [];
				for (var i = 0, len = obj.length; i < len; i++) {
					o.push(clone(obj[i]));
				}
			} else {
				o = {};
				for (var j in obj) {
					o[j] = clone(obj[j]);
				}
			}
		}
	} else {
		o = obj;
	}
	return o;
}
代码虽然可以找得到,但,东西永远是别人的,动手学着码永远是个不变的主题。


来大家一起造轮子...

点击广告,支持我们为你提供更好的服务

js+css3抽奖转盘旋转点餐代码

HTML5 Canvas竖直流动线条背景动画特效

响应式太阳能能源公司网站模板

中小型创意设计服务公司网站模板

html5 canvas彩色碎片组合球形旋转动画特效

html5图标下拉搜索框自动匹配代码

css鼠标跟随文字模糊特效

HTML5数字产品服务公司网站模板

canvas炫酷鼠标移动文字粒子特效

小众时尚单品在线电子商务网站模板

有机水果蔬菜HTML5网站模板

响应式时尚单品在线商城网站模板

html5 canvas进度条圆环图表统计动画特效

响应式咖啡饮品宣传网站模板

css+js实现的颜色渐变数字时钟动画特效

现代时尚家具公司网站模板

网页设计开发公司网站模板

html5 svg夜空中星星流星动画场景特效

HTML5现代家居装潢公司网站模板

jQuery右端悬浮带返回顶部特效

点击广告,支持我们为你提供更好的服务
 工具推荐 更多»
点击广告,支持我们为你提供更好的服务