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 相关文章推荐
Jquery Uploadify上传带进度条的简单实例
Feb 12 Javascript
jQuery表单美化插件jqTransform使用详解
Apr 12 Javascript
js限制input标签中只能输入中文
Jun 26 Javascript
异步加载JS、CSS代码(推荐)
Jun 15 Javascript
jquery dataview数据视图插件使用方法
Dec 23 Javascript
jQuery 控制文本框自动缩小字体填充
Jun 16 jQuery
JavaScript实现时间表动态效果
Jul 15 Javascript
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 Javascript
浅谈 JavaScript 沙箱Sandbox
Nov 02 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
phpmyadmin导入(import)文件限制的解决办法
2009/12/11 PHP
PHP + plupload.js实现多图上传并显示进度条加删除实例代码
2017/03/06 PHP
Javascript 中的 &amp;&amp; 和 || 使用小结
2010/04/25 Javascript
jquery动画2.元素坐标动画效果(创建一个图片走廊)
2012/08/24 Javascript
轻松学习jQuery插件EasyUI EasyUI创建RSS Feed阅读器
2015/11/30 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
ECMAScript6快速入手攻略
2016/07/18 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
微信小程序实现收货地址左滑删除
2020/11/18 Javascript
Node.JS枚举统计当前文件夹和子目录下所有代码文件行数
2019/08/23 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
2019/09/11 Javascript
微信js-sdk 录音功能的示例代码
2019/11/01 Javascript
vue 子组件修改data或调用操作
2020/08/07 Javascript
Python与Redis的连接教程
2015/04/22 Python
python验证码识别的示例代码
2017/09/21 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
如何用Python合并lmdb文件
2018/07/02 Python
如何用python写一个简单的词法分析器
2018/12/18 Python
python画环形图的方法
2020/03/25 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
Keras框架中的epoch、bacth、batch size、iteration使用介绍
2020/06/10 Python
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
365 Tickets英国:全球景点门票
2019/07/06 全球购物
机电专业大学生求职信
2013/10/04 职场文书
美国探亲签证邀请信
2014/02/05 职场文书
计算机专业毕业生自荐书
2014/06/02 职场文书
小学生常见病防治方案
2014/06/06 职场文书
毕业生求职信范文
2014/06/29 职场文书
中学清明节活动总结
2014/07/04 职场文书
搞笑老公保证书
2015/02/26 职场文书
单位证明范文
2015/06/18 职场文书
简爱读书笔记
2015/06/26 职场文书
导游词之海南天涯海角
2019/12/05 职场文书
导游词之阆中古城
2019/12/23 职场文书