日期:2014-05-16  浏览次数:20325 次

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

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这个对象