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测试题练习代码
Oct 10 Javascript
js借助ActiveXObject实现创建文件
Sep 29 Javascript
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
Apr 07 Javascript
js实现防止被iframe的方法
Jul 03 Javascript
jQuery插件学习教程之SlidesJs轮播+Validation验证
Jul 12 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
Jan 12 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
js中位运算的运用实例分析
Dec 11 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
Dec 13 Javascript
vue实现微信分享链接添加动态参数的方法
Apr 29 Javascript
JS实现前端动态分页码代码实例
Jun 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
坏狼的PHP学习教程之第1天
2008/06/15 PHP
php 创建以UNIX时间戳命名的文件夹(示例代码)
2014/03/08 PHP
Symfony模板的快捷变量用法实例
2016/03/17 PHP
PHP7常量数组用法分析
2016/09/26 PHP
php批量删除操作代码分享
2017/02/26 PHP
基于jQuery的history历史记录插件
2010/12/11 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
js,jquery滚动/跳转页面到指定位置的实现思路
2014/06/03 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
基于jquery编写的放大镜插件
2016/03/23 Javascript
怎么引入(调用)一个JS文件
2016/05/26 Javascript
阿里云ecs服务器中安装部署node.js的步骤
2016/10/08 Javascript
使用node.js中的Buffer类处理二进制数据的方法
2016/11/26 Javascript
Node.JS中快速扫描端口并发现局域网内的Web服务器地址(80)
2017/09/18 Javascript
vue在自定义组件中使用v-model进行数据绑定的方法
2019/03/25 Javascript
小程序使用watch监听数据变化的方法详解
2019/09/20 Javascript
layui 地区三级联动 form select 渲染的实例
2019/09/27 Javascript
Python实现简易版的Web服务器(推荐)
2018/01/29 Python
Python使用MD5加密算法对字符串进行加密操作示例
2018/03/30 Python
Python range、enumerate和zip函数用法详解
2019/09/11 Python
Python如何把多个PDF文件合并代码实例
2020/02/13 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
CSS3的Border-radius轻松制作圆角
2012/12/24 HTML / CSS
Jeep牧马人、切诺基和自由人零配件:4 Wheel Drive Hardware
2017/07/02 全球购物
美国网上眼镜供应商:LEOTONY(眼镜、RX太阳镜和太阳镜)
2017/10/31 全球购物
纽约和芝加哥当天送花:Ode à la Rose
2019/07/05 全球购物
优秀员工个人的自我评价
2013/11/29 职场文书
咖啡馆创业计划书
2014/01/26 职场文书
给市场的环保建议书
2014/05/14 职场文书
迎新春趣味活动方案
2014/08/24 职场文书
学生保证书格式
2015/02/27 职场文书
2015年网络舆情工作总结
2015/07/24 职场文书
解析Java异步之call future
2021/06/14 Java/Android
使用goaccess分析nginx日志的详细方法
2021/07/09 Servers
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技