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 相关文章推荐
js中将字符串转换成json的三种方式
Jan 12 Javascript
学习从实践开始之jQuery插件开发 对话框插件开发
Apr 26 Javascript
把字符串按照特定的字母顺序进行排序的js代码
Jan 28 Javascript
javascript中数组的多种定义方法和常用函数简介
May 09 Javascript
javascript html5摇一摇功能的实现
Apr 19 Javascript
AngularJs 国际化(I18n/L10n)详解
Sep 01 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
angular.js中解决跨域问题的三种方式
Jul 12 Javascript
Vue多组件仓库开发与发布详解
Feb 28 Javascript
Vue组件通信入门之Provide和Inject机制
Dec 29 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
点评山进PR-D3L三波段收音机
2021/03/02 无线电
PHP整合七牛实现上传文件
2015/07/03 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
一个很简单的jquery+xml+ajax的无刷新树结构(无css,后台是c#)
2010/06/02 Javascript
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
javascript语言结构小记(一)
2011/09/10 Javascript
JQuery 操作/获取table具体代码
2013/06/13 Javascript
关于include标签导致js路径找不到的问题分析及解决
2013/07/09 Javascript
IE浏览器IFrame对象内存不释放问题解决方法
2014/08/22 Javascript
一个简单的动态加载js和css的jquery代码
2014/09/01 Javascript
javascript实现左右控制无缝滚动
2014/12/31 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
JavaScript将一个数组插入到另一个数组的方法
2015/03/19 Javascript
Vue.js组件tree实现无限级树形菜单
2016/12/02 Javascript
JavaScript 最佳实践:帮你提升代码质量
2016/12/03 Javascript
Linux CentOS系统下安装node.js与express的方法
2017/04/01 Javascript
json2.js 入门教程之使用方法与实例分析
2017/09/14 Javascript
基于vue组件实现猜数字游戏
2020/05/28 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
2018/08/30 Javascript
js逆向解密之网络爬虫
2019/05/30 Javascript
JS实现动态添加外部js、css到head标签的方法
2019/06/05 Javascript
Emberjs 通过 axios 下载文件的方法
2019/09/03 Javascript
Vue+Vuex实现自动登录的知识点详解
2020/03/04 Javascript
解决vue中的无限循环问题
2020/07/27 Javascript
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
python实现朴素贝叶斯算法
2018/11/19 Python
pycharm下pyqt4安装及环境配置的教程
2020/04/24 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
在C语言中实现抽象数据类型什么方法最好
2014/06/26 面试题
Hashtable 添加内容的方式有哪几种,有什么区别?
2012/04/08 面试题
军校大学生个人的自我评价
2014/02/17 职场文书
2014年销售内勤工作总结
2014/12/01 职场文书
2014年办公室文秘工作总结
2014/12/09 职场文书
期末考试复习计划
2015/01/19 职场文书
详解MySQL集群搭建
2021/05/26 MySQL
Python中super().__init__()测试以及理解
2021/12/06 Python