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中Eval函数的使用说明
Oct 11 Javascript
JavaScript在IE中“意外地调用了方法或属性访问”
Nov 19 Javascript
js图片翻书效果代码分享
Aug 20 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
Oct 10 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
Jan 28 Javascript
Node.js的Koa框架上手及MySQL操作指南
Jun 13 Javascript
Angular2平滑升级到Angular4的步骤详解
Mar 29 Javascript
Node.js+ES6+dropload.js实现移动端下拉加载实例
Jun 01 Javascript
解决easyui日期时间框ie的兼容的问题
Mar 01 Javascript
详解Vue CLI3 多页应用实践和源码设计
Aug 30 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
Oct 26 Javascript
vue-resource post数据时碰到Django csrf问题的解决
Mar 13 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 裁剪图片成固定大小代码方法
2009/09/09 PHP
PHP 数组教程 定义数组
2009/10/23 PHP
深入分析php中接口与抽象类的区别
2013/06/08 PHP
PHP exif扩展方法开启详解
2014/07/28 PHP
php中数字、字符与对象判断函数用法实例
2014/11/26 PHP
thinkphp缓存技术详解
2014/12/09 PHP
PHPStrom中实用的功能和快捷键大全
2015/09/23 PHP
Symfony2框架学习笔记之表单用法详解
2016/03/18 PHP
php+mysql+jquery实现日历签到功能
2017/02/27 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
从JQuery源码分析JavaScript函数的apply方法与call方法
2014/09/25 Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
2014/12/18 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
2016/08/11 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
JavaScript中匿名函数的递归调用
2017/01/22 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
JointJS流程图的绘制方法
2018/12/03 Javascript
js中的reduce()函数讲解
2019/01/18 Javascript
vue 实现路由跳转时更改页面title
2019/11/05 Javascript
如何HttpServletRequest文件对象并储存
2020/08/14 Javascript
Vue解决移动端弹窗滚动穿透问题
2020/12/15 Vue.js
python程序输出无内容的解决方式
2020/04/09 Python
pycharm2020.2 配置使用的方法详解
2020/09/16 Python
python实现视频压缩功能
2020/12/18 Python
阿迪达斯意大利在线商店:adidas意大利
2016/09/19 全球购物
Spartoo葡萄牙鞋类网站:线上销售鞋履与时尚配饰
2017/01/11 全球购物
违反校纪校规检讨书
2014/02/15 职场文书
2014年高数考试作弊检讨书
2014/12/14 职场文书
商务英语求职信范文
2015/03/19 职场文书
2015年大学班主任工作总结
2015/04/30 职场文书
公司庆典主持词
2015/07/04 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
用position:sticky完美解决小程序吸顶问题的实现方法
2021/04/24 HTML / CSS