[求助]JavaScript构造函数原型对象中属性的修改问题

[wang_zhixing]

这是我在使用原型化构造函数时意外遇到的问题。下面是代码：

<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!" 这句放在建立实例之后，就有效了：

//...
var inst=new Cons();  //建立实例 inst
Cons.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();  //建立实例 inst
alert(inst.newInfo);  //有效，警告"new!"
</script>

这是怎么回事啊？这也是 JS 的某种特性？求各位高手帮我分析一下。。。。。

[freedom_gooboy]

//首先为什么出现"something"

Cons.prototype.info="changed!"; //开始时，你修改了原型属性的info值，但你实例化后(var inst=new Cons())，里面又有Cons.prototype.info="something";//所以值又值改了
所以值是"something"


Cons.prototype.newInfo //可以在原型对象中建立新的属性：是可以的，，你可以创建n个属性

[freedom_gooboy]

Cons.prototype.newInfo 和Cons.prototype.info 是不同的，但都属于Cons这个对象

[wang_zhixing]

[Quote=引用楼主 wang_zhixing 的回复:]
这是我在使用原型化构造函数时意外遇到的问题。下面是代码：

JScript code

<script type="text/javascript">
function Cons(){ //声明构造函数 Cons()
Cons.prototype.info="something";
Cons.prototype.showInfo=function(){
al……
[/Quote]

阿斌哥说得有道理,其实这只是一个执行顺序的问题
首先,JS解释器会提前处理函数和变量声明,此时已经创建了 inst 、 Cons 和 Cons.prototype
接着开始执行代码,到 Cons.prototype.info="changed" 时为 Cons.prototype 添加了属性 info:"changed"
然后遇到 new Cons() 开始执行函数,将函数内部为 prototype 赋的值放入 Cons.prototype 中
由于发现 info 重名,所以原来的值被覆盖 info:"something" ,如果将 Cons.prototype.info="changed" 放在后面,则覆盖顺序刚好相反
最后,将创建好的对象交给 inst