时间: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邮箱联系删除。
AsyncTask的介绍及基本使用方法关于AsyncTask的介绍和基本使用方法可以参考官方文档和《Android开发笔记之:深入理解多线程AsyncTask》
我们将为大家详解Mustache.js轻量级JavaScript模版引擎使用方法。简单示例functionshow(t){$("#content").html(
上回说到《JavaScript原型继承之基础机制》,这一篇将具体说说构造函数的继承。从一个简单的示例开始,创建描述人类的People构造函数:复制代码代码如下:
整理《javascript高级程序设计》中继承的方法以及优缺点。1.原型链ECMAScript中描述了原型链的概念,并将原型链作为实现继承的主要方法。原型链继承
上篇文章给大家介绍了javascript正则表达式上之基本语法介绍了javascript正则表达式的语法,有了这些基本知识,可以看看正则表达式在javascri