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 静态对象和构造函数的使用和公私问题
Mar 02 Javascript
jquery中获取元素的几种方式小结
Jul 05 Javascript
javascript实现促销倒计时+fixed固定在底部
Sep 18 Javascript
php中给js数组赋值方法
Mar 10 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
May 14 Javascript
javascript实现table选中的行以指定颜色高亮显示的方法
May 13 Javascript
Bootstrap中CSS的使用方法
Feb 17 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
webpack4 入门最简单的例子介绍
Sep 05 Javascript
详解npm 配置项registry修改为淘宝镜像
Sep 07 Javascript
jQuery实现html可联动的百分比进度条
Mar 26 jQuery
vant 自定义 van-dropdown-item的用法
Aug 05 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
日本十大最佳动漫,全都是二次元的神级作品
2019/10/05 日漫
用php来检测proxy
2006/10/09 PHP
php使用Smarty的相关注意事项及访问变量的几种方式
2011/12/08 PHP
PHP循环函数使用介绍之PHP基础入门教程
2013/09/21 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
详谈配置phpstorm完美支持Codeigniter(CI)代码自动完成(代码提示)
2017/04/07 PHP
thinkPHP框架中执行事务的方法示例
2018/05/31 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
cssQuery()的下载与使用方法
2007/01/12 Javascript
Javascript 中的类和闭包
2010/01/08 Javascript
javascript常用的正则表达式实例
2014/05/15 Javascript
javaScript封装的各种写法
2017/08/14 Javascript
详解从新建vue项目到引入组件Element的方法
2017/08/29 Javascript
Mac 安装 nodejs方法(图文详细步骤)
2017/10/30 NodeJs
详解vue.js根据不同环境(正式、测试)打包到不同目录
2018/07/13 Javascript
详解Vue实战指南之依赖注入(provide/inject)
2018/11/13 Javascript
vue自定义js图片碎片轮播图切换效果的实现代码
2019/04/28 Javascript
nodejs二进制与Buffer的介绍与使用
2019/07/11 NodeJs
vue实现滑动切换效果(仅在手机模式下可用)
2020/06/29 Javascript
vue-cli3项目配置eslint代码规范的完整步骤
2020/09/10 Javascript
OpenLayer学习之自定义测量控件
2020/09/28 Javascript
在Python的Django框架中调用方法和处理无效变量
2015/07/15 Python
python 获取当天凌晨零点的时间戳方法
2018/05/22 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
Python logging日志库空间不足问题解决
2020/09/14 Python
Python中qutip用法示例详解
2020/10/02 Python
Python特殊属性property原理及使用方法解析
2020/10/09 Python
Parts Express:音频、视频和扬声器的第一来源
2017/04/25 全球购物
美国婴儿用品及配件购买网站:Munchkin
2019/04/03 全球购物
GWT都有什么特性
2016/12/02 面试题
医院领导班子四风对照检查材料
2014/09/27 职场文书
拾金不昧表扬信
2015/01/16 职场文书
调任通知
2015/04/21 职场文书
高中家长意见怎么写
2015/06/03 职场文书
《日月潭》教学反思
2016/02/20 职场文书
Python打包exe时各种异常处理方案总结
2021/05/18 Python