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 相关文章推荐
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
javascript 数组排序函数sort和reverse使用介绍
Nov 21 Javascript
javascript 中__proto__和prototype详解
Nov 25 Javascript
jQuery简单几行代码实现tab切换
Mar 10 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
Feb 19 Javascript
详解支持Angular 2的表格控件
Jan 19 Javascript
JS简单实现父子窗口传值功能示例【未使用iframe框架】
Sep 20 Javascript
js中实例与对象的区别讲解
Jan 21 Javascript
JavaScript遍历DOM元素的常见方式示例
Feb 16 Javascript
vue component 中引入less文件报错 Module build failed
Apr 17 Javascript
express + jwt + postMan验证实现持久化登录
Jun 05 Javascript
基于Vue实现平滑过渡的拖拽排序功能
Jun 12 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
Email+URL的判断和自动转换函数
2006/10/09 PHP
php4的session功能评述(二)
2006/10/09 PHP
PHP SplObjectStorage使用实例
2015/05/12 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
基于Jquery的简单图片切换效果
2011/01/06 Javascript
JS trim去空格的最佳实践
2011/10/30 Javascript
jquery 延迟执行实例介绍
2013/08/20 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
JavaScript匿名函数用法分析
2015/02/13 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
javascript拖拽应用实例(二)
2016/03/25 Javascript
jquery中live()方法和bind()方法区别分析
2016/06/23 Javascript
Js 获取、判断浏览器版本信息的简单方法
2016/08/08 Javascript
面试常见的js算法题
2017/03/23 Javascript
基于vuejs实现一个todolist项目
2017/04/11 Javascript
jquery实现下拉菜单的手风琴效果
2017/07/23 jQuery
结合Vue控制字符和字节的显示个数的示例
2018/05/17 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
vue实现页面滚动到底部刷新
2019/08/16 Javascript
vue-cli3配置与跨域处理方法
2019/08/17 Javascript
node实现简单的增删改查接口实例代码
2019/08/22 Javascript
vue 全局封装loading加载教程(全局监听)
2020/11/05 Javascript
简单理解Python中基于生成器的状态机
2015/04/13 Python
Python中关键字nonlocal和global的声明与解析
2017/03/12 Python
python difflib模块示例讲解
2017/09/13 Python
使用python爬取抖音视频列表信息
2019/07/15 Python
六种酷炫Python运行进度条效果的实现代码
2020/07/17 Python
opencv+pyQt5实现图片阈值编辑器/寻色块阈值利器
2020/11/13 Python
解决pycharm修改代码后第一次运行不生效的问题
2021/02/06 Python
BASIC HOUSE官方旗舰店:韩国著名的服装品牌
2018/09/27 全球购物
请用Python写一个获取用户输入数字,并根据数字大小输出不同信息的脚本
2014/05/20 面试题
解除劳动合同协议书
2014/04/14 职场文书
节约用电倡议书
2015/04/28 职场文书
2015小学音乐教师个人工作总结
2015/07/21 职场文书
Python数据分析之pandas函数详解
2021/04/21 Python
python 算法题——快乐数的多种解法
2021/05/27 Python