关于 JS 面向对象继承属性和方法的小例子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>关于 JS 面向对象继承属性和方法的小例子</h1> </body> </html> <script> //人的构造函数 function PeopleClass() { this.type = ‘人‘; } //人所拥有的方法 PeopleClass.prototype = { getType:function() { console.log(‘这是一个人‘); }, getSex:function() { console.log(‘我是男的‘); } }; //学生的构造函数 function StudentClass( name , sex ) { //继承 PeopleClass 的所有属性 PeopleClass.apply( this , arguments ); //继承 PeopleClass 的所有方法 for( var prop in PeopleClass.prototype ) { //this 指向的是 PeopleClass var proto = this.constructor.prototype; if ( !proto[prop] ) { proto[prop] = PeopleClass.prototype[prop]; } proto[prop][‘super‘] = PeopleClass.prototype; } this.name = name; this.sex = sex; } var stu = new StudentClass(‘Zion‘,‘男‘); console.log(stu.type); //人 stu.getType(); //这是一个人 stu.getSex(); //我是男的 </script>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。