JavaScript使用prototype原型实现的封装继承多态示例


Posted in Javascript onAugust 31, 2018

本文实例讲述了JavaScript使用prototype原型实现的封装继承多态。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>3water.com js基于原型prototype封装继承多态</title>
</head>
<body>
<script>
function Person(name,age)
{
 this.name=name;
 this.age=age;
}
Person.prototype.getName=function()
{
  return this.name;
}
Person.prototype.setName=function(name)
{
  this.name=name;
}
Person.prototype.getAge=function()
{
  return this.age;
}
Person.prototype.setAge=function(age)
{
  this.age=age;
}
//--------------------
function Student(name,age,c)
{
 this.name=name;
 this.age=age;
 this.c=c;
}
Student.prototype=new Person(this.name,this.age);//重点
Student.prototype.getC=function()
{
 return this.c;
}
Student.prototype.setC=function(c)
{
 this.c=c;
}
var a=new Person("小小",19);
document.write(a.getName());
//-----------------------------------------
var b=new Student("大大",15,1);
document.write(b.getName());
</script>
</body>
</html>

运行结果:

小小大大

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试一下上述代码。

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

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

Javascript 相关文章推荐
JavaScript高级程序设计 阅读笔记(七) ECMAScript中的语句
Feb 27 Javascript
js实现屏蔽默认快捷键调用自定义事件示例
Jun 18 Javascript
利用jQuery实现可输入搜索文字的下拉框
Oct 23 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
Jan 06 Javascript
JS实现仿苹果底部任务栏菜单效果代码
Aug 28 Javascript
解决jquery插件:TypeError:$.browser is undefined报错的方法
Nov 21 Javascript
vue.js指令v-model实现方法
Dec 05 Javascript
使用Vue组件实现一个简单弹窗效果
Apr 23 Javascript
详解vue axios用post提交的数据格式
Aug 07 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
May 14 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
Jun 11 Javascript
vue使用svg文件补充-svg放大缩小操作(使用d3.js)
Sep 22 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 #Javascript
解决Angular4项目部署到服务器上刷新404的问题
Aug 31 #Javascript
Vue.directive使用注意(小结)
Aug 31 #Javascript
解决angular2 获取到的数据无法实时更新的问题
Aug 31 #Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 #Javascript
解决Angular2 router.navigate刷新页面的问题
Aug 31 #Javascript
浅谈angularJS2中的界面跳转方法
Aug 31 #Javascript
You might like
实战mysql导出中文乱码及phpmyadmin导入中文乱码的解决方法
2010/06/11 PHP
php实现转换ubb代码的方法
2015/06/18 PHP
Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室
2016/08/17 PHP
PHP给前端返回一个JSON对象的实例讲解
2018/05/31 PHP
脚本吧 - 幻宇工作室用到js,超强推荐share.js
2006/12/23 Javascript
js有关元素内容操作小结
2011/12/20 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
Jquery判断radio、selelct、checkbox是否选中及获取选中值方法总结
2015/04/15 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
jQuery实现左侧导航模块的显示与隐藏效果
2016/07/04 Javascript
Vue监听数据对象变化源码
2017/03/09 Javascript
微信小程序页面间通信的5种方式
2017/03/31 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
vue-resource拦截器设置头信息的实例
2017/10/27 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
详解使用React.memo()来优化函数组件的性能
2019/03/19 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
2019/09/21 Javascript
Javascript节流函数throttle和防抖函数debounce
2020/12/03 Javascript
深入理解Python3 内置函数大全
2017/11/23 Python
Python打印输出数组中全部元素
2018/03/13 Python
Python抽象和自定义类定义与用法示例
2018/08/23 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
Python列表原理与用法详解【创建、元素增加、删除、访问、计数、切片、遍历等】
2019/10/30 Python
Python递归实现打印多重列表代码
2020/02/27 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
2020/03/27 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
马来西亚网上购物:Youbeli
2018/03/30 全球购物
全球领先的中国制造商品在线批发平台:DHgate
2020/01/28 全球购物
多媒体编辑专业毕业生推荐信
2013/11/05 职场文书
团日活动总结报告
2014/06/25 职场文书
公司2015年终工作总结
2015/05/26 职场文书
企业催款函范本
2015/06/24 职场文书
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript
php解析非标准json、非规范json的方式实例
2022/05/10 PHP