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

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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值