原型链(二):原型与本体的差异与共同点
来源:互联网 发布:软件开发的公司 编辑:程序博客网 时间: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
- 原型链(二):原型与本体的差异与共同点
- 原型与原型链
- 原型与原型链
- 原型与原型链
- 原型与原型链
- 原型与原型链
- 原型与原型链
- 原型与原型链
- 原型与原型链
- 原型链(三):prototype与__proto__的差异
- javascript的原型与原型链
- JavaScript的原型与原型链
- js原型与原型链的理解
- JavaScript的原型与原型链
- javascript的原型与原型链
- javascript原型与原型链
- JS 原型与原型链
- JavaScript原型与原型链
- 关于hpp文件
- Android ListView的使用
- tomcat操作
- 06、canvas标签之绘制曲线
- mysql内置函数
- 原型链(二):原型与本体的差异与共同点
- 使用脚本元素(执行顺序,noscript)
- css 无固定width/height容器内的绝对定位元素拉伸
- ObjectC快速入门教程(1)--创建类
- spring的xml配置文件中命名空间
- 自定义View
- Android Studio2.0以上反射$change属性问题
- java synchronized线程同步
- HTMLCSS基础-标签默认样式值重置