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 相关文章推荐
Node.js开发指南中的简单实例(mysql版)
Sep 17 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
May 02 Javascript
javascript浏览器窗口之间传递数据的方法
Jan 20 Javascript
RequireJS入门一之实现第一个例子
Sep 30 Javascript
Vue 实用分页paging实例代码
Apr 12 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
详解前端路由实现与react-router使用姿势
Aug 07 Javascript
vue.js实现只弹一次弹框
Jan 29 Javascript
Vue框架里使用Swiper的方法示例
Sep 20 Javascript
vue组件间的参数传递实例详解
Apr 26 Javascript
js中addEventListener()与removeEventListener()用法案例分析
Mar 02 Javascript
Vuex实现购物车小功能
Aug 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
php生成短域名函数
2015/03/23 PHP
Javascript面向对象之四 继承
2011/02/08 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
js防止表单重复提交实现代码
2012/09/05 Javascript
Jquery实现页面加载时弹出对话框代码
2013/04/19 Javascript
javascript判断非数字的简单例子
2013/07/18 Javascript
javascript使用定时函数实现跳转到某个页面
2013/12/25 Javascript
jQuery文件上传插件Uploadify使用指南
2014/06/05 Javascript
jQuery中removeAttr()方法用法实例
2015/01/05 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
2015/07/30 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
JavaScript实现移动端滑动选择日期功能
2016/06/21 Javascript
BootStrap modal模态弹窗使用小结
2016/10/26 Javascript
BootStrapValidator校验方式
2016/12/19 Javascript
jQuery实现拖动效果的实例代码
2017/06/25 jQuery
JavaScript实现邮箱后缀提示功能的示例代码
2018/12/13 Javascript
小程序如何使用分包加载的实现方法
2019/05/22 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
vue+element使用动态加载路由方式实现三级菜单页面显示的操作
2020/08/04 Javascript
Python functools模块学习总结
2015/05/09 Python
python魔法方法-属性访问控制详解
2016/07/25 Python
浅谈python中copy和deepcopy中的区别
2017/10/23 Python
Python OpenCV 使用滑动条来调整函数参数的方法
2019/07/08 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
德国宠物用品、宠物食品及水族馆网上商店:ZooRoyal
2017/07/09 全球购物
美国最大的在线水培用品商店:GrowersHouse.com
2018/08/14 全球购物
工作自荐信
2013/12/11 职场文书
模具专业毕业推荐信
2014/03/08 职场文书
观看《永远的雷锋》心得体会
2014/03/12 职场文书
聘用意向书范本
2014/04/01 职场文书
西柏坡观后感
2015/06/08 职场文书
2016年教师学习廉政准则心得体会
2016/01/20 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
MySQL中日期型单行函数代码详解
2021/06/21 MySQL