如何 在javascript 中使用继承?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。
高级语法的基本使用
<script type="text/javascript"> //声明一个函数demo function Demo() { } //实例函数demo var demo = new Demo(); //声明一个函数Demo1 function Demo1(name,age) { this.name = name; this.age = age; } //实例一个函数Demo1 var demo1 = new Demo1('谭勇',21); //运行下面试试 console.log(demo1.name); console.log(demo1.age); //Demo2 function Demo2(name,age) { var that = this; this.name = name; this.age = age; function a() { return that.name; } function b() { return that.age; } this.getName = a; this.getAge = b; } //实例一个函数Demo1 var demo2 = new Demo2('谭勇',21); //运行下面试试 console.log(demo2.name); console.log(demo2.age); </script>
运行结果:
继承
<script type="text/javascript"> function Demo(name,age) { this.name = name; this.age = age; } function Son() { this.text = 'test text'; } Son.prototype = new Demo('谭勇',22); var __son = new Son(); //试试 console.log(__son.name); console.log(__son.age); console.log(__son.text); //组合继承 function Son1() { this.text1 = 'my test son1'; } Son1.prototype.Demo = new Demo('谭勇',22); Son1.prototype.Son1 = new Son1(); var __son1 = new Son1(); console.log(__son1.Demo.name); console.log(__son1.Demo.age); console.log(__son1.Son1.text); console.log(__son1.text1); </script>
运行结果:
看完上述内容,你们掌握如何 在javascript 中使用继承的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。