Javascript对象继承的小例子

来源：互联网发布：学历网络教育报名编辑：程序博客网时间：2024/05/29 07:03

分享一个Javascript中对象继承的实例代码。

例子：

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Javascript中对象继承--www.jbxue.com</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);//自己新添加的属性 www.jbxue.com//定义一个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> JS是对象继承！！</body> </html>

0 0