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 相关文章推荐
jQuery插件实现屏蔽单个元素使用户无法点击
Apr 12 Javascript
jQuery实现折线图的方法
Feb 28 Javascript
EasyUI中datagrid在ie下reload失败解决方案
Mar 09 Javascript
鼠标悬停小图标显示大图标
Jan 22 Javascript
详解Webwork中Action 调用的方法
Feb 02 Javascript
jQuery实现选项联动轮播效果【附实例】
Apr 19 Javascript
jQuery简单实现title提示效果示例
Aug 01 Javascript
Vue过滤器的用法和自定义过滤器使用
Feb 08 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 jQuery
layui实现数据表格table分页功能(ajax异步)
Jul 27 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
Jan 21 Javascript
JS Object构造函数之Object.freeze
Apr 28 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
PHP4引用文件语句的对比
2006/10/09 PHP
php zend解密软件绿色版测试可用
2008/04/14 PHP
基于wordpress主题制作的具体实现步骤
2013/05/10 PHP
在PHP模板引擎smarty生成随机数的方法和math函数详解
2014/04/24 PHP
PHP实现文件上传与下载实例与总结
2016/03/13 PHP
PHP实现UTF8二进制及明文字符串的转化功能示例
2017/11/20 PHP
PHP 访问数据库配置通用方法(json)
2018/05/20 PHP
让你的网站可编辑的实现js代码
2009/10/19 Javascript
利用google提供的API(JavaScript接口)获取网站访问者IP地理位置的代码详解
2010/07/24 Javascript
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
jquery实现html页面 div 假分页有原理有代码
2014/09/06 Javascript
Jquery的基本对象转换和文档加载用法实例
2015/02/25 Javascript
JavaScript与jQuery实现的闪烁输入效果
2016/02/18 Javascript
精通JavaScript的this关键字
2020/05/28 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
2016/11/25 Javascript
关于Javascript中document.cookie的使用
2017/03/08 Javascript
AngularJS 仿微信图片手势缩放的实例
2017/09/28 Javascript
vue中的计算属性的使用和vue实例的方法示例
2017/12/04 Javascript
js getBoundingClientRect使用方法详解
2019/07/17 Javascript
python3.5 email实现发送邮件功能
2018/05/22 Python
解决安装tensorflow遇到无法卸载numpy 1.8.0rc1的问题
2018/06/13 Python
python执行精确的小数计算方法
2019/01/21 Python
python 基于dlib库的人脸检测的实现
2019/11/08 Python
彻底搞懂python 迭代器和生成器
2020/09/07 Python
使用Python实现NBA球员数据查询小程序功能
2020/11/09 Python
美国在线宠物用品商店:Entirely Pets
2017/01/01 全球购物
MCM英国官网:奢侈皮具制品
2017/04/18 全球购物
英国鲜花速递:Serenata Flowers
2018/04/03 全球购物
匡威爱尔兰官网:Converse爱尔兰
2019/06/09 全球购物
高三自我鉴定怎么写
2013/10/19 职场文书
小学生保护环境倡议书
2014/05/15 职场文书
小学教师培训方案
2014/06/09 职场文书
预备党员群众路线思想汇报2014
2014/10/25 职场文书
《刷子李》教学反思
2016/02/20 职场文书
职场中的你,辞职信写对了吗?
2019/06/26 职场文书
SpringCloud超详细讲解Feign声明式服务调用
2022/06/21 Java/Android