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 相关文章推荐
function, new function, new Function之间的区别
Mar 08 Javascript
使用Grunt.js管理你项目的应用说明
Apr 24 Javascript
js与jquery获取父元素,删除子元素的两种不同方法
Jan 09 Javascript
JavaScript模块随意拖动示例代码
May 27 Javascript
微信浏览器内置JavaScript对象WeixinJSBridge使用实例
May 25 Javascript
easyui window refresh 刷新两次的解决方法(推荐)
May 18 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
关于node-bindings无法在Electron中使用的解决办法
Dec 18 Javascript
vue-cli中vue本地实现跨域调试接口
Jan 16 Javascript
浅析Vue中拆分视图层代码的5点建议
Aug 15 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
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
smarty模板中使用get、post、request、cookies、session变量的方法
2014/04/24 PHP
PHP整合PayPal支付
2015/06/11 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
javascript textContent与innerText的异同分析
2010/10/22 Javascript
JavaScript极简入门教程(二):对象和函数
2014/10/25 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
WEB 前端开发中防治重复提交的实现方法
2016/10/26 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
RequireJS 依赖关系的实例(推荐)
2017/01/21 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
2018/01/16 Javascript
代码详解JS操作剪贴板
2018/02/11 Javascript
在centos7中分布式部署pyspider
2017/05/03 Python
Python常用内置模块之xml模块(详解)
2017/05/23 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
浅析Django 接收所有文件,前端展示文件(包括视频,文件,图片)ajax请求
2020/03/09 Python
python实现画图工具
2020/08/27 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
详解利用css3的var()实现运行时改变scss的变量值
2021/03/02 HTML / CSS
Yves Rocher伊夫·黎雪美国官网:法国始创植物美肌1959
2019/01/09 全球购物
后勤副校长自我鉴定
2013/10/13 职场文书
主持人演讲稿范文
2013/12/28 职场文书
25岁生日感言
2014/01/13 职场文书
司法局火灾防控方案
2014/06/05 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
军事理论课感想
2015/08/11 职场文书
2016企业先进集体事迹材料
2016/02/25 职场文书
Golang中interface{}转为数组的操作
2021/04/30 Golang
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript
pytorch 中autograd.grad()函数的用法说明
2021/05/12 Python
解决python3安装pandas出错的问题
2021/05/20 Python
Python图片检索之以图搜图
2021/05/31 Python
nginx 添加http_stub_status_module模块
2022/05/25 Servers
spring boot实现文件上传
2022/08/14 Java/Android