javascript 高级语法之继承的基本使用方法示例

时间:2021-05-28

本文实例讲述了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>

运行结果:

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章