Javascript中对象继承的实现小例


Posted in Javascript onMay 12, 2014
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<script type="text/javascript"> 
/** 
* json对象的格式 
{key:value,key:value,key:value..} 
*/ 
//创建对象的小例子 
//-----1 
var r={}; 
r.name="tom"; 
r.age=18; 
//-----2 
var r={name:"tom",age:20};//json对象 
alert(r.age); 
//---1,2是等价的 
//-------原型模式的写法 
//----1 
function Person(){}; 
Person.prototype.name="中国人"; 
Person.prototype.age=20; 
//原型模式的简写形式--2 
function Person(){}; 
Person.prototype={name:"中国人", 
age:20,} 
//-----1,2等价的 
//================================ 
/* {name:"中国人", 
age:20,} 
上面的这种格式本身就是个对象,将其付给另一个对象的prototype,就使得 
另一个对象的所有属性。实质上就是继承 
*/ 
//================================ 
//标准的对象继承例子,Person,Student 
//定义一个Person对象 
function Person(){}; 
Person.prototype.name="中国人"; 
Person.prototype.age=20; 
var person=new Person(); 
//定义一个Student对象 
function Student(){}; 
Student.prototype=person; 
Student.prototype.girlFriend="可以有的"; 
var stu=new Student(); 
stu.laop="不许谈恋爱"; 
alert(stu.name);//继承自父对象的实例 
alert(stu.laop);//自己新添加的属性 //定义一个Teamleader对象的 
function Teamleader(){}; 
Teamleader.prototype=new Student();//继承自Student 
Teamleader.prototype.teamNum=8;//Teamleader自己的属性 
//创建自己的实例 
var teamleader=new Teamleader(); 
alert(teamleader.teamNum); 
teamleader.girlFriend="也不可以有哦"; 
alert(teamleader.name); 
//================================= 
/*js中继承的核心就是prototype*/ 
//================================= 
</script> 
</head> 
<body> 
</body> 
</html>
Javascript 相关文章推荐
javascript之querySelector和querySelectorAll使用说明
Oct 09 Javascript
jQuery中prevAll()方法用法实例
Jan 08 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
教你使用javascript简单写一个页面模板引擎
May 05 Javascript
关于JavaScript数组你所不知道的3件事
Aug 24 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
详解vue嵌套路由-query传递参数
May 23 Javascript
详解vue渲染从后台获取的json数据
Jul 06 Javascript
vue复合组件实现注册表单功能
Nov 06 Javascript
Angular4.0动画操作实例详解
May 10 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
JavaScript中的函数的两种定义方式和函数变量赋值
May 12 #Javascript
js图片处理示例代码
May 12 #Javascript
jquery实现的一个简单进度条效果实例
May 12 #Javascript
两个多选select(multiple左右)添加、删除选项和取值实例
May 12 #Javascript
再谈Jquery Ajax方法传递到action(补充)
May 12 #Javascript
Jquery Ajax方法传值到action的方法
May 11 #Javascript
json的定义、标准格式及json字符串检验
May 11 #Javascript
You might like
S900/ ETON E1-XM 收音机
2021/03/02 无线电
PHP 一个随机字符串生成代码
2010/05/26 PHP
php读取mysql的简单实例
2014/01/15 PHP
JavaScript小技巧 2.5 则
2010/09/12 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
javascript使用appendChild追加节点实例
2015/01/12 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
2015/04/21 Javascript
浅谈JavaScript中的对象及Promise对象的实现
2015/11/15 Javascript
详解JavaScript逻辑And运算符
2015/12/04 Javascript
JavaScript面向对象程序设计教程
2016/03/29 Javascript
jQuery模拟select实现下拉菜单功能
2016/06/20 Javascript
AngularJS中的表单简单入门
2016/07/28 Javascript
深入浅出ES6新特性之函数默认参数和箭头函数
2016/08/01 Javascript
AngularJS基础 ng-keydown 指令简单示例
2016/08/02 Javascript
Vue.js实现多条件筛选、搜索、排序及分页的表格功能
2020/11/24 Javascript
js 简易版滚动条实例(适用于移动端H5开发)
2017/06/26 Javascript
jQuery实现选中行变色效果(实例讲解)
2017/07/06 jQuery
JavaScript编写的网页小游戏,很给力
2017/08/18 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
浅谈发布订阅模式与观察者模式
2019/04/09 Javascript
利用不到200行代码写一款属于你自己的js类库
2019/07/08 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
[06:43]DAC2018 4.5 SOLO赛 Maybe vs Paparazi
2018/04/06 DOTA
Python实现pdf文档转txt的方法示例
2018/01/19 Python
python制作mysql数据迁移脚本
2019/01/01 Python
10分钟用python搭建一个超好用的CMDB系统
2019/07/17 Python
flask 使用 flask_apscheduler 做定时循环任务的实现
2019/12/10 Python
解决keras模型保存h5文件提示无此目录问题
2020/07/01 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
Python+OpenCV检测灯光亮点的实现方法
2020/11/02 Python
关于CSS Tooltips(鼠标经过时显示)的效果
2013/04/10 HTML / CSS
傲盾软件面试题
2015/08/17 面试题
幼儿园保育员辞职信
2014/01/12 职场文书
企业办公室主任岗位职责
2014/02/19 职场文书
事业单位聘任报告
2015/03/02 职场文书
React Hook用法示例详解(6个常见hook)
2021/04/28 Javascript