读书人

原型(prototype)对象中属性的修改有关

发布时间: 2012-06-28 15:20:03 作者: rapoo

原型(prototype)对象中属性的修改问题
这是我在使用原型化构造函数时意外遇到的问题。下面是代码:

<script type="text/javascript">function Cons(){  //声明构造函数 Cons()    Cons.prototype.info="something";    Cons.prototype.showInfo=function(){        alert(this.info);    }}Cons.prototype.info="changed!";  //尝试修改原型中的属性var inst=new Cons();  //建立实例 instinst.showInfo();  //修改无效,警告"something"</script>



上面的代码无法修改 Cons() 的原型对象!但是把 Cons.prototype.info="changed!" 这句放在建立实例之后,就有效了:

//...var inst=new Cons();  //建立实例 instCons.prototype.info="changed!";  //尝试修改原型中的属性inst.showInfo();  //警告"changed!"//...


当时我就怀疑是不是在实例化 Cons() 之前,原型对象是无法访问的。不过很奇怪,可以在原型对象中建立新的属性:

<script type="text/javascript">function Cons(){  //声明构造函数 Cons()    Cons.prototype.info="something";    Cons.prototype.showInfo=function(){        alert(this.info);    }}Cons.prototype.newInfo="new!";  //尝试在原型中添加属性var inst=new Cons();  //建立实例 instalert(inst.newInfo);  //有效,警告"new!"</script>


这是怎么回事呢?从这个问题看,大家是如何理解 prototype 创建访问销毁等问题的?

读书人网 >Web前端

热点推荐