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 jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
js获取指定日期前后的日期代码
Aug 20 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
AngularJS中的模块详解
Jan 29 Javascript
jQuery简单操作cookie的插件实例
Jan 13 Javascript
JS访问DOM节点方法详解
Nov 29 Javascript
JavaScript实现获取远程的html到当前页面中
Mar 26 Javascript
Vue.js实战之通过监听滚动事件实现动态锚点
Apr 04 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
js 发布订阅模式的实例讲解
Sep 10 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
Aug 22 Javascript
JavaScript canvas实现雨滴特效
Jan 10 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
php遍历删除整个目录及文件的方法
2015/03/13 PHP
Laravel 5框架学习之用户认证
2015/04/09 PHP
分享微信扫码支付开发遇到问题及解决方案-附Ecshop微信支付插件
2015/08/23 PHP
php metaphone()函数及php localeconv() 函数实例解析
2016/05/15 PHP
PHP中OpenSSL加密问题整理
2017/12/14 PHP
tp5(thinkPHP5)框架数据库Db增删改查常见操作总结
2019/01/10 PHP
Prototype Template对象 学习
2009/07/19 Javascript
JSON辅助格式化处理方法
2013/03/26 Javascript
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
jquery实现textarea输入字符控制(仿微博输入控制字符)
2013/04/26 Javascript
使用Plupload实现直接上传附件至七牛云存储
2014/12/26 Javascript
JavaScript使用pop方法移除数组最后一个元素用法实例
2015/04/06 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
浅谈Jquery核心函数
2015/06/18 Javascript
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
JavaScript实现点击按钮字体放大、缩小
2016/02/29 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
2017/07/17 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
原生js实现无缝轮播图效果
2021/01/28 Javascript
[04:53]DOTA2英雄基础教程 祈求者
2014/01/03 DOTA
[46:48]DOTA2上海特级锦标赛A组小组赛#2 Secret VS CDEC第三局
2016/02/25 DOTA
[01:58]DOTA2上海特级锦标赛现场采访:RTZ这个ID到底好不好
2016/03/25 DOTA
简单分析Python中用fork()函数生成的子进程
2015/05/04 Python
python数字图像处理之高级滤波代码详解
2017/11/23 Python
python实现随机梯度下降法
2020/03/24 Python
Python使用pydub库对mp3与wav格式进行互转的方法
2019/01/10 Python
python 实现快速生成连续、随机字母列表
2019/11/28 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
Python ConfigParser模块的使用示例
2020/10/12 Python
Mountain Warehouse德国官网:英国户外零售商
2019/08/11 全球购物
2014年德育工作总结
2014/11/20 职场文书
平遥古城导游词
2015/02/03 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
城南旧事观后感
2015/06/11 职场文书