DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript繼承方式實例
JavaScript繼承方式實例
編輯:關於JavaScript     

復制代碼 代碼如下:
function parent(){
this.x=10;
}
function child(){
var parentObj=new parent();
for(var p in parentObj)this[p]=parentObj[p];
}
var childObj=new child();
alert(childObj.x);


復制代碼 代碼如下:
function parent(){
this.x=10;
}
function child(){
this.parent=parent;
this.parent();
delete this.parent;
}
var childObj=new child();
alert(childObj.x);

復制代碼 代碼如下:
function parent(){
this.x=10;
}
function child(){
parent.call(this);
}
var childObj=new child();
alert(childObj.x);


原型抄寫
復制代碼 代碼如下:
function parent(){
}
parent.prototype.x=1;

function child(){
}
for(var p in parent.prototype)child.prototype[p]=parent.prototype[p];
child.prototype.y=2;

var childObj=new child();
alert(childObj.x);

復制代碼 代碼如下:
function parent(string){
var child=new Function("this.x=10;"+string);
return child;
}
var child=new parent("this.y=20;");

var childObj=new child();
alert(childObj.y);

復制代碼 代碼如下:
function parent(){
this.x=10;
}
function child(){
}
child.prototype=new parent();
var childObj=new child();
alert(childObj.x);

復制代碼 代碼如下:
function parent(){
this.x=10;
}
function child(){
var ret=new parent();
ret.y=20;
return ret;
}

var childObj=new child();
alert(childObj.x);

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved