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 相关文章推荐
有关于JS构造函数的重载和工厂方法
Apr 07 Javascript
javascript实现文字图片上下滚动的具体实例
Jun 28 Javascript
Jquery给基本控件的取值、赋值示例
May 23 Javascript
jquery拖拽排序简单实现方法(效果增强版)
Feb 16 Javascript
vue项目中使用百度地图的方法
Jun 08 Javascript
在create-react-app中使用css modules的示例代码
Jul 31 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
vue限制输入框只能输入8位整数和2位小数的代码
Nov 06 Javascript
JavaScript实现简单随机点名器
Nov 21 Javascript
js实现录音上传功能
Nov 22 Javascript
JavaScript实现答题评分功能页面
Jun 24 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
Aug 31 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
一个显示某段时间内每个月的方法 返回由这些月份组成的数组
2012/05/16 PHP
基于PHP实现商品成交时发送短信功能
2016/05/11 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
js中设置元素class的三种方法小结
2011/08/28 Javascript
js实现无需数据库的县级以上联动行政区域下拉控件
2013/08/14 Javascript
时间戳转换为时间 年月日时间的JS函数
2013/08/19 Javascript
javascript函数定义的几种区别小结
2014/01/06 Javascript
JavaScript通过select动态更换图片的方法
2015/03/23 Javascript
js中获取 table节点各tr及td的内容简单实例
2016/10/14 Javascript
jQuery阻止移动端遮罩层后页面滚动
2017/03/15 Javascript
Angular路由ui-router配置详解
2018/08/01 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
qrcode生成二维码微信长按无法识别问题的解决
2019/04/04 Javascript
Node.js控制台彩色输出的方法与原理实例详解
2019/12/01 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
[02:17]DOTA2亚洲邀请赛 RAVE战队出场宣传片
2015/02/07 DOTA
Python网页解析利器BeautifulSoup安装使用介绍
2015/03/17 Python
python文件写入实例分析
2015/04/08 Python
使用python读取txt文件的内容,并删除重复的行数方法
2018/04/18 Python
Python cookbook(数据结构与算法)将多个映射合并为单个映射的方法
2018/04/19 Python
Python实现的多叉树寻找最短路径算法示例
2018/07/30 Python
python禁用键鼠与提权代码实例
2019/08/16 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
基于Python3.6中的OpenCV实现图片色彩空间的转换
2020/02/03 Python
Python3实现建造者模式的示例代码
2020/06/28 Python
Python 生成短8位唯一id实战教程
2021/01/13 Python
金融专业应届生求职信
2013/11/02 职场文书
消防应急演练方案
2014/02/12 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
大学毕业生个人总结
2015/02/28 职场文书
企业承诺书格式范文
2015/04/28 职场文书
联谊会开场白
2015/06/01 职场文书
女方家长婚礼答谢词
2015/09/29 职场文书
生日宴会家属答谢词
2015/09/29 职场文书
MySQL详解进行JDBC编程与增删改查方法
2022/06/16 MySQL