Javascript中对象继承的实现
2014-05-10 14:16
447 查看
<!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>
相关文章推荐
- javascript 中面向对象实现 如何继承
- Javascript中JSON对象继承实现
- JavaScript采用对象冒充和原型链组合模式实现继承
- 使用apply方法实现javascript中的对象继承
- 说说 JavaScript 如何实现对象继承
- Javascript面向对象特性实现(封装、继承、接口)
- javascript基础6-对象继承机制实现
- javascript创建对象,以及实现继承的方法
- 在没有类的情况下,JavaScript如何创建对象、实现继承?
- javascript 用原型继承来实现对象系统
- JavaScript 域名学习及对象的继承实现
- javascript中实现对象继承的五种方式详解
- 使用混合方式实现javascript中对象的继承(推荐使用)
- javascript _call2创建对象实现继承
- Javascript实现类对象继承功能
- JavaScript的弱类对象及继承实现方式
- javascript中五种实现对象继承的方法
- javascript对象继承的实现
- javascript自定义对象,实现继承