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

来源:互联网 发布:软件开发的公司 编辑:程序博客网 时间:2024/06/05 01:35

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')) //  输出truealert(c2.getType());    //  依旧输出Circle,不受影响

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

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

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