js 数组复制引用重复的问题

js这个语言有时候能把人坑到不要不要的。

首先由于它看起来像是一个弱弱的脚本语言，你便轻视了它中间的引用和内存分配，有时候还有字符串拼接和整数加法的歧义。

今天被坑到的地方就是“引用”！

举我做工程时遇到的一个坑，我将场景简化后的问题描述如下：

在写一个触摸事件时，我定义了三个触发器，分别是onTouchStart，onTouchMove，onTouchEnd。我在onTouchStart中将一个数组存到一个临时变量中去，然后在onTouchMove中去修改这个数组，最后在onTouchEnd中check时发现原来那个临时变量的值也改变了。

以上就是问题了。

我出问题的地方在于，数组复制仅仅使用了等于号 “ = ”，导致得到的临时变量是一个引用，于是我采用浅层复制进行修改。

首先， 临时变量 = new Array()，然后遍历数组，把每个对象push进临时变量中。

问题就这样解决了？我还是得到了引用。

所谓浅层复制只是将基础变量进行复制，而我的数组其实储存的是自己定义的对象类型，所以后来我定义了深层复制的方法，解决了问题。

在我的应用场景中，首先我有个叫做currenLayer的数组，数组中每个元素又是line类型的对象。这里我对line类型定义了一个clone函数，然后又对于layer这种line构成的数组定义了一个cloneLayer方法，保证我得到的不是引用。

var changedLayer = cloneLayer(currentLayer);

//类型：线段
function line(startX, startY, endX, endY){
	this.startX = startX;
	this.startY = startY;
	this.endX = endX;
	this.endY = endY;
	this.clone = function(){
		return new line(this.startX, this.startY, this.endX, this.endY);
	}
}

function cloneLayer(layer){
	var len = layer.length;
	var re = new Array();
	for(var i = 0; i < len; i++){
		re.push(layer[i].clone());
	}
	return re;
}

（终于排完坑，可以下一个功能了。）