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 相关文章推荐
A标签触发onclick事件而不跳转的多种解决方法
Jun 27 Javascript
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
一个获取第n个元素节点的js函数
Sep 02 Javascript
JavaScript对Cookie进行读写操作实例
Jul 25 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
Jun 03 Javascript
使用BootStrap实现用户登录界面UI
Aug 10 Javascript
BootStrap入门教程(二)之固定的内置样式
Sep 19 Javascript
基于jQuery实现的单行公告活动轮播效果
Aug 23 jQuery
Vue cli构建及项目打包以及出现的问题解决
Aug 27 Javascript
详解Webpack-dev-server的proxy用法
Sep 08 Javascript
ES6的异步操作之promise用法和async函数的具体使用
Dec 06 Javascript
JavaScript TAB栏切换效果的示例
Nov 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
PHP 输出URL的快捷方式示例代码
2013/09/22 PHP
lib.utf.js
2007/08/21 Javascript
javascript firefox兼容ie的dom方法脚本
2008/05/18 Javascript
jQuery实用基础超详细介绍
2013/04/11 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
2015/08/20 Javascript
基于AngularJS实现iOS8自带的计算器
2016/09/12 Javascript
利用JQuery阻止事件冒泡
2016/12/01 Javascript
AngularJS学习第二篇 AngularJS依赖注入
2017/02/13 Javascript
详解Vue-基本标签和自定义控件
2017/03/24 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
2017/09/27 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
微信实现自动跳转到用其他浏览器打开指定APP下载
2019/02/15 Javascript
JavaScript中this的全面解析及常见实例
2019/05/14 Javascript
Javascript原型链及instanceof原理详解
2020/05/25 Javascript
纯JS实现五子棋游戏
2020/05/28 Javascript
Vue基于iview table展示图片实现点击放大
2020/08/05 Javascript
使用Python &amp; Flask 实现RESTful Web API的实例
2017/09/19 Python
python requests模拟登陆github的实现方法
2019/12/26 Python
tensorflow实现训练变量checkpoint的保存与读取
2020/02/10 Python
Python yield生成器和return对比代码实例
2020/04/20 Python
在Keras中利用np.random.shuffle()打乱数据集实例
2020/06/15 Python
Django基于Models定制Admin后台实现过程解析
2020/11/11 Python
Python实现随机爬山算法
2021/01/29 Python
一款基于css3的列表toggle特效实例教程
2015/01/04 HTML / CSS
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
毕业生求职推荐信
2013/11/04 职场文书
入党积极分子学习两会心得体会范文
2014/03/17 职场文书
演讲稿格式范文
2014/05/19 职场文书
开票员岗位职责
2015/02/12 职场文书
2015年乡镇民政工作总结
2015/05/13 职场文书
离婚律师函范本
2015/05/27 职场文书
催款函怎么写
2015/06/24 职场文书
初中化学教学反思
2016/02/22 职场文书
python爬虫请求库httpx和parsel解析库的使用测评
2021/05/10 Python
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python