原型链(二)：原型与本体的差异与共同点

1. 原型的内容不能被串行化

继续之前的Circle与Shape的例子，将Circle对象进行串行化，发现它并没有输出Circle原型链上的内容，如下：

var c1 = new Circle(10); // 将对象转为JSON进行输出 alert(JSON.stringify(c1)); // 输出结果为{"radius":10}，并没有type属性的信息

这是因为JSON.stringify方法只会对自身的属性进行串行化，所以，如果我们需要将对象的相关内容提交到服务器，切不可将键值设置在原型上。

2. 原型的内容也是可枚举的

原型的内容是可进行迭代的，如下：

for(var prop in c1) { console.debug(prop); } // 会一次输出radius、getRadius、type、getType

3. 原型引用值的修改会影响所有的对象

对象属性的值发生了变更，这要划分为两种情况，如下： 1. 如果此属性是属于自身的，则不会影响其他任何对象； 2. 如果此属性是属于原型链上的，并且此属性的类型为基本类型，也不会影响其他任何对象； 3. 如果此属性是属于原型链上的，并且此属性的类型为引用类型(复合类型)，则拥有此原型的所有对象都会受到影响。

var c1 = new Circle(10); var c2 = new Circle(20); c1.type = '圆形'; alert(c2.type); // 依旧输出Circle，不受影响，见第2种情况 // 修改引用类型 c1.getType.fname = "形状名称"; alert(c2.getType.fname) //输出形状名称，而不是undefined，受到了影响，见第3种情况

需要注意的是，由于JS语言是值传递，所以如果修改了引用属性的指向地址，而不是引用属性的子属性，则修改依旧不会影响到其他对象，示例如下：

alert(c1.hasOwnProperty('getType')); // 输出false // 现在getType已变为c1的自身属性 c1.getType = function() { return '圆形'; }; alert(c1.hasOwnProperty('getType')) // 输出true alert(c2.getType()); // 依旧输出Circle，不受影响

4. 辨别原型与本体的差异

通过Object.getOwnPropertyNames与prototype.hasOwnProperty方法可以轻松辨别原型内容与本体内容，如下：

// 列出自身的所有内容 alert(Object.getOwnPropertyNames(c1)); // 输出radius,getRadius alert(c1.hasOwnProperty('type')); // 输出false