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 原型继承介绍
Aug 30 Javascript
jQuery截取指定长度字符串代码
Aug 21 Javascript
jquery和js实现对div的隐藏和显示方法
Sep 26 Javascript
JS中prototype的用法实例分析
Mar 19 Javascript
js基于setTimeout与setInterval实现多线程
Jun 17 Javascript
Vue.js第三天学习笔记(计算属性computed)
Dec 01 Javascript
利用jsonp与代理服务器方案解决跨域问题
Sep 14 Javascript
浅谈angular.copy() 深拷贝
Sep 14 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
JavaScript面向对象编程小游戏---贪吃蛇代码实例
May 15 Javascript
vue项目中将element-ui table表格写成组件的实现代码
Jun 12 Javascript
VueCli4项目配置反向代理proxy的方法步骤
May 17 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
ninety plus是什么?ninety plus咖啡好吗?
2021/03/04 新手入门
php下过滤html代码的函数 提高程序安全性
2010/03/02 PHP
PHP架构及原理知识点详解
2019/12/22 PHP
用javascript实现读取txt文档的脚本
2007/07/20 Javascript
javascript Array.remove() 数组删除
2009/08/06 Javascript
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
javascript中怎么做对象的类型判断
2013/11/11 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
jQuery表格插件datatables用法总结
2014/09/05 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
2017/02/21 Javascript
JS实现的五级联动菜单效果完整实例
2017/02/23 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
Javascript循环删除数组中元素的几种方法示例
2017/05/18 Javascript
vue loadmore组件上拉加载更多功能示例代码
2017/07/19 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
2018/06/14 Javascript
玩转vue的slot内容分发
2018/09/22 Javascript
vue 中 beforeRouteEnter 死循环的问题
2019/04/23 Javascript
JS中使用react-tooltip插件实现鼠标悬浮显示框
2019/05/15 Javascript
Vue+Typescript中在Vue上挂载axios使用时报错问题
2019/08/07 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
vue 导航锚点_点击平滑滚动,导航栏对应变化详解
2020/08/10 Javascript
[01:02:20]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
解决nohup重定向python输出到文件不成功的问题
2018/05/11 Python
Django Rest framework之认证的实现代码
2018/12/17 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
用django设置session过期时间的方法解析
2019/08/05 Python
在macOS上搭建python环境的实现方法
2019/08/13 Python
TUMI新加坡官网:国际领先的商旅箱包品牌
2019/01/12 全球购物
数控加工专业毕业生自荐信
2013/09/27 职场文书
个人委托书如何写
2014/09/25 职场文书
高考升学宴答谢词
2015/01/20 职场文书
go web 预防跨站脚本的实现方式
2021/06/11 Golang
图文详解matlab原始处理图像几何变换
2021/07/09 Python
Jedis操作Redis实现模拟验证码发送功能
2021/09/25 Redis