DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 批量實現面向對象的實例代碼
批量實現面向對象的實例代碼
編輯:關於JavaScript     
復制代碼 代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>批量實現面向對象的實例</title>
<script type="text/javascript">
window.onload = function(){
function Person(name,age){
this.name = name;
this.age = age;
}
Person.prototype.showName = function(){
alert(this.name);
};
function extend(parent,child,method){
function a(){
parent.apply(this,arguments);
child.apply(this,arguments);
};
for(var i in parent.prototype){
a.prototype[i]=parent.prototype[i];
}
for(var i in method){
a.prototype[i] = method[i];
}
return a;
};//參數為父級構造函數,子級構造函數,子級方法
var int = extend(Person,function(name,age,job){
this.job = job;
},
{
showjob:function(){
alert(this.job);
}
}
);
var oc=new int('俠客',24,'工作');
oc.showjob();
}
</script>
</head>
<body>
<h1>面向對象繼承實例</h1>
<p>開始展示批量實現面向對象的實例</p>
</body>
</html>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved