这是我在使用原型化构造函数时意外遇到的问题。下面是代码:
- JScript code
<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(); //建立实例 inst inst.showInfo(); //修改无效,警告"something" </script>
上面的代码无法修改 Cons() 的原型对象!但是把 Cons.prototype.info="changed!" 这句放在建立实例之后,就有效了:
- JScript code
//... var inst=new Cons(); //建立实例 inst Cons.prototype.info="changed!"; //尝试修改原型中的属性 inst.showInfo(); //警告"changed!" //...
当时我就怀疑是不是在实例化 Cons() 之前,原型对象是无法访问的。不过很奇怪,可以在原型对象中建立新的属性:
- JScript code
<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(); //建立实例 inst alert(inst.newInfo); //有效,警告"new!" </script>
这是怎么回事啊?这也是 JS 的某种特性?求各位高手帮我分析一下。。。。。
------解决方案--------------------
//首先为什么出现"something"
Cons.prototype.info="changed!"; //开始时,你修改了原型属性的info值,但你实例化后(var inst=new Cons()),里面又有Cons.prototype.info="something";//所以值又值改了
所以值是"something"
Cons.prototype.newInfo //可以在原型对象中建立新的属性:是可以的,,你可以创建n个属性
------解决方案--------------------
Cons.prototype.newInfo 和Cons.prototype.info 是不同的,但都属于Cons这个对象