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静态的动态
Sep 18 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
Feb 12 Javascript
JavaScript bold方法入门实例(把指定文字显示为粗体)
Oct 17 Javascript
JavaScript中的继承方式详解
Feb 11 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
vue中的event bus非父子组件通信解析
Oct 27 Javascript
详谈vue+webpack解决css引用图片打包后找不到资源文件的问题
Mar 06 Javascript
js数据类型检测总结
Aug 05 Javascript
小程序日历控件使用方法详解
Dec 29 Javascript
js实现简单扫雷
Nov 27 Javascript
在vant中使用时间选择器和popup弹出层的操作
Nov 04 Javascript
Vue使用Ref跨层级获取组件的步骤
Jan 25 Vue.js
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模板页面中分页代码的解析
2009/02/06 PHP
php添加文章时生成静态HTML文章的实现代码
2013/02/17 PHP
PHP empty函数报错解决办法
2014/03/06 PHP
php支付宝APP支付功能
2020/07/29 PHP
详解PHP中的8个魔术常量
2020/07/06 PHP
js验证表单第二部分
2006/11/25 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
html5的自定义data-*属性和jquery的data()方法的使用示例
2013/08/21 Javascript
jquery实现多行文字图片滚动效果示例代码
2014/10/10 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
Vue.js基础知识汇总
2016/04/27 Javascript
windows 下安装nodejs 环境变量设置
2017/02/02 NodeJs
vue项目中api接口管理总结
2018/04/20 Javascript
Vue scoped及deep使用方法解析
2020/08/01 Javascript
Python Web程序部署到Ubuntu服务器上的方法
2018/02/22 Python
python中将一个全部为int的list 转化为str的list方法
2018/04/09 Python
python re模块的高级用法详解
2018/06/06 Python
Python 十六进制整数与ASCii编码字符串相互转换方法
2018/07/09 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
浅析使用Python搭建http服务器
2019/10/27 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
TensorFLow 变量命名空间实例
2020/02/11 Python
Django使用Celery加redis执行异步任务的实例内容
2020/02/20 Python
tensorflow pb to tflite 精度下降详解
2020/05/25 Python
python能在浏览器能运行吗
2020/06/17 Python
面料业务员岗位职责
2013/12/26 职场文书
校庆接待方案
2014/03/18 职场文书
经典团队口号
2014/06/06 职场文书
法人委托书的范本格式
2014/09/11 职场文书
小学生运动会通讯稿
2014/09/23 职场文书
社会实践活动报告
2015/02/05 职场文书
个人年终总结怎么写
2015/03/09 职场文书
民事撤诉申请书范本
2015/05/18 职场文书
辛德勒的名单观后感
2015/06/03 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang