javascript prototype 值引用分析

关于javascript 中prototype的值被实例对象继承的方式的讲解已经有很多了。今天开发operamasks-ui的时候遇到了一个问题，还是觉得值得拿出来讲讲。

首先有一个对象：

function a(){}; 
a.prototype.xx=['a','b','c'];

 然后新建3个示例：

var a1 = new a(); 
var a2 = new a(); 
var a3 = new a();

 然后对示例a1和a3的xx属性进行修改：

a1.xx = ['a'];
a3.xx.push(12);

 最后请问a1.xx,a2.xx和a3.xx分别是多少。由于我以前的不理解，一直以为这三个值都是一样的。结果却是：

a1.xx = ['a'],a2.xx = ['a','b','c',12],a3.xx = ['a','b','c',12]

由于数组是高级javascript对象，因此func a()的实例对象中的xx属性值都是引用到同一个地方的。当a1.xx = ['a']时实际上是新建了一个数组然后把引用给了a1.xx属性。

对于a.prototype.xx 是没有影响的。而a3.xx.push(12)才会真正操作了a的prototype上面的xx，因此a2.xx也跟着改变了。

总结一句，不想被实例对象共享的属性还是不要放到prototype中好。

一个是你给实例变量的一个成员赋值。一个是直接对对象原型的成员操作，而该属性所有实例共享。你执行一下delete a1.xx。再去打a1.xx，全都一样。