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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
点图片上一页下一页翻页效果
Jul 09 Javascript
JS提交并解析后台返回的XML的代码
Nov 03 Javascript
jquery+json 通用三级联动下拉列表
Apr 19 Javascript
js读取注册表的键值示例
Sep 25 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
JS实现网页标题栏显示当前时间和日期的完整代码
Nov 02 Javascript
js无法获取到html标签的属性的解决方法
Jul 26 Javascript
全屏滚动插件fullPage.js使用实例解析
Oct 21 Javascript
微信小程序 实现tabs选项卡效果实例代码
Oct 31 Javascript
深入掌握 react的 setState的工作机制
Sep 27 Javascript
vue 实现移动端键盘搜索事件监听
Nov 06 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数据库开发知多少
2006/10/09 PHP
PHP中Session的概念
2006/10/09 PHP
php格式化工具Beautify PHP小小BUG
2008/04/24 PHP
php在程序中将网页生成word文档并提供下载的代码
2012/10/09 PHP
php获取从百度、谷歌等搜索引擎进入网站关键词的方法
2015/07/08 PHP
浅谈php的优缺点
2015/07/14 PHP
PHP的PDO事务与自动提交
2019/01/24 PHP
不安全的常用的js写法
2009/09/15 Javascript
jquery 插件开发备注
2010/08/27 Javascript
对xmlHttp对象的理解
2011/01/17 Javascript
JS HTML5 音乐天气播放器(Ajax获取天气信息)
2013/05/26 Javascript
基于jquery实现的省市区级联无ajax
2013/09/24 Javascript
js实现可折叠展开的手风琴菜单效果
2015/09/07 Javascript
xmlplus组件设计系列之下拉刷新(PullRefresh)(6)
2017/05/03 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
Angular2生命周期钩子函数的详细介绍
2017/07/10 Javascript
vue路由跳转时判断用户是否登录功能的实现
2017/10/26 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
2019/10/14 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
浅谈Python实现2种文件复制的方法
2018/01/19 Python
Python编程中flask的简介与简单使用
2018/12/28 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
利用Python进行图像的加法,图像混合(附代码)
2019/07/14 Python
python多线程分块读取文件
2019/08/29 Python
Python变量作用域LEGB用法解析
2020/02/04 Python
pytorch __init__、forward与__call__的用法小结
2021/02/27 Python
HTML5 b和i标记将被赋予真正的语义
2009/07/16 HTML / CSS
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
Crucial英睿达法国官网:内存条及SSD固态硬盘升级
2018/07/13 全球购物
亚洲领先的旅游体验市场:Voyagin
2019/11/23 全球购物
法雷奥SQA(electric)面试问题
2016/01/23 面试题
学前班教师的自我鉴定
2013/12/05 职场文书
致垒球运动员加油稿
2014/02/16 职场文书
幼儿园法制宣传日活动总结
2014/11/01 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书