Javascript中對象繼承的實現小例

2019-11-20 15:33:42

字體：大中小

來源：轉載

供稿：網友

 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
/** 
* json對象的格式 
{key:value,key:value,key:value..} 
*/ 
//創建對象的小例子 
//-----1 
var r={}; 
r.name="tom"; 
r.age=18; 
//-----2 
var r={name:"tom",age:20};//json對象 
alert(r.age); 
//---1,2是等價的 
//-------原型模式的寫法 
//----1 
function Person(){}; 
Person.prototype.name="中國人"; 
Person.prototype.age=20; 
//原型模式的簡寫形式--2 
function Person(){}; 
Person.prototype={name:"中國人", 
age:20,} 
//-----1,2等價的 
//================================ 
/* {name:"中國人", 
age:20,} 
上面的這種格式本身就是個對象，將其付給另一個對象的prototype，就使得 
另一個對象的所有屬性。實質上就是繼承 
*/ 
//================================ 
//標準的對象繼承例子，Person,Student 
//定義一個Person對象 
function Person(){}; 
Person.prototype.name="中國人"; 
Person.prototype.age=20; 
var person=new Person(); 
//定義一個Student對象 
function Student(){}; 
Student.prototype=person; 
Student.prototype.girlFriend="可以有的"; 
var stu=new Student(); 
stu.laop="不許談戀愛"; 
alert(stu.name);//繼承自父對象的實例 
alert(stu.laop);//自己新添加的屬性 

//定義一個Teamleader對象的 
function Teamleader(){}; 
Teamleader.prototype=new Student();//繼承自Student 
Teamleader.prototype.teamNum=8;//Teamleader自己的屬性 
//創建自己的實例 
var teamleader=new Teamleader(); 
alert(teamleader.teamNum); 
teamleader.girlFriend="也不可以有哦"; 
alert(teamleader.name); 
//================================= 
/*js中繼承的核心就是prototype*/ 
//================================= 
</script> 
</head> 
<body> 

</body> 
</html> 