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 相关文章推荐
线路分流自动跳转代码;希望对大家有用!
Dec 02 Javascript
ajax不执行success回调而是执行了error回调
Dec 10 Javascript
页面载入结束自动调用js函数示例
Sep 23 Javascript
JavaScript通过this变量快速找出用户选中radio按钮的方法
Mar 23 Javascript
浅谈JavaScript中null和undefined
Jul 09 Javascript
js实现select下拉框菜单
Dec 08 Javascript
jQuery+css实现的切换图片功能代码
Jan 27 Javascript
jQuery Easyui Tabs扩展根据自定义属性打开页签
Aug 15 Javascript
详解vue-router 2.0 常用基础知识点之导航钩子
May 10 Javascript
详解微信小程序开发用户授权登陆
Apr 24 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
Nov 24 Javascript
JS中队列和双端队列实现及应用详解
Sep 29 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
简单的php文件上传(实例)
2013/10/27 PHP
CI框架常用方法小结
2016/05/17 PHP
JavaScript中常见陷阱小结
2010/04/27 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
2012/05/24 Javascript
jQuery实现滚动切换的tab选项卡效果代码
2015/08/26 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
JavaScript中的FileReader图片预览上传功能实现代码
2017/07/24 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
2017/09/27 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
2017/10/31 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
Vue.js 时间转换代码及时间戳转时间字符串
2018/10/16 Javascript
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
微信小程序new Date()方法失效问题解决方法
2019/07/29 Javascript
WEEX环境搭建与入门详解
2019/10/16 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
2019/12/10 Javascript
原生js+ajax分页组件
2020/01/30 Javascript
Vue中通过属性绑定为元素绑定style行内样式的实例代码
2020/04/30 Javascript
微信小程序开发(一):服务器获取数据列表渲染操作示例
2020/06/01 Javascript
javascript实现随机抽奖功能
2020/12/30 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
[00:43]TI7不朽珍藏III——幽鬼不朽展示
2017/07/15 DOTA
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
简单介绍Python中的decode()方法的使用
2015/05/18 Python
Python中内置数据类型list,tuple,dict,set的区别和用法
2015/12/14 Python
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
Python的Asyncore异步Socket模块及实现端口转发的例子
2016/06/14 Python
python验证码识别的示例代码
2017/09/21 Python
Python使用Pandas库实现MySQL数据库的读写
2019/07/06 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
Ubuntu中配置TensorFlow使用环境的方法
2020/04/21 Python
Expedia英国:全球最大的在线旅游公司
2017/09/07 全球购物
意外伤害赔偿协议书范文
2014/09/23 职场文书
委托培训协议书
2014/11/17 职场文书
幼儿园小班教师随笔
2015/08/14 职场文书
2019年朋友圈经典励志语录50条
2019/07/05 职场文书
忘记Grafana不要紧2种Grafana重置admin密码方法详细步骤
2022/04/07 Servers