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

JS类的prototype指向到新对象后,其原型为新对象么?求教

var viewBasic = {
container:"#data-box",
options:{
option:null,
product_type:'pc',
list_type:'harvesting',
resource_type:'tmr',
Period_time:null
}
};

function tickerPage(){
this.url = '';
this.columns=['AUTO','LIFE'];
this.players=[null,null];
this.scrolls=[null,null];
};

tickerPage.prototype = viewBasic;
tickerPage.prototype.init = function(){alert('AAAA')};

function statusPage(){
this.beforeStart = null;
this.afterEnd = null;
this.url='';
}
statusPage.prototype = viewBasic;
statusPage.prototype.init = function(){alert('BBBB')}


function view(){
this.ticker = new tickerPage()
this.status = new statusPage()
};
view.prototype = viewBasic;
view.prototype.show = function(){
var o = this;
switch(o.options.option){
case "ticker":
o.ticker.init();
break;
case "status":
o.status.init();
break;
}
}
window.onload=function(){
viewBasic.options.option = "ticker";
var myview = new view();
myview.show();
}


为何这里输出的是 BBB 而不是 AAA

------解决方案--------------------
因为tickerPage.prototype跟statusPage.prototype都是指向viewBasic的引用。

你对tickerPage.prototype跟statusPage.prototype扩展init的时候等于给viewBasic进行扩展。

以最后一次为准。