幽灵资源网 Design By www.bzswh.com
本文实例讲述了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程序设计有所帮助。
标签:
javascript,继承
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...