js对象继承之原型链继承实例


Posted in Javascript onJanuary 10, 2015

本文实例讲述了js对象继承之原型链继承的用法。分享给大家供大家参考。具体分析如下:

<script type="text/javascript">

//定义猫的对象

var kitty  = {color:'yellow',bark:function(){alert('喵喵');},climb:function(){alert('我会爬树')}};
//老虎对象的构造函数

function tiger(){

 this.color = "yellow and black";

 this.back = function(){

  alert('吼吼...');

 }

}
//给构造函数声明原型,那么构造出的对象,就会有一个祖先:即该原型

tiger.prototype = kitty;

//或 tiger.prototype = new kitty();//如果kitty为function,则采用这种方式
var t = new tiger();

document.write(t.color);

t.climb();//当调用老虎的属性或方法时,首先在其构造函数找;如果没有,则到老虎构造函数的原型。但要注意,这里它并不是把原型对象里的climb()方法复制到自身。这就是原型链查找。

</script>

其它说明:kitty也是有构造方法的,即new Object()。Object默认也有一些方法和属性,见javascript手册中的 "object对象"。同时,它也有原型,只是为空而已 { }。

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
javascript 使用for循环时该注意的问题-附问题总结
Aug 19 Javascript
jquery实现华丽的可折角广告代码
Sep 02 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
Jun 02 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
vue toggle做一个点击切换class(实例讲解)
Mar 13 Javascript
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
element-ui组件中input等的change事件中传递自定义参数
May 22 Javascript
微信小程序自定义底部弹出框动画
Nov 18 Javascript
js对象的复制继承实例
Jan 10 #Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 #Javascript
js获取会话框prompt的返回值的方法
Jan 10 #Javascript
javascript获取当前鼠标坐标的方法
Jan 10 #Javascript
js判断某个方法是否存在实例代码
Jan 10 #Javascript
javascript实现回车键提交表单方法总结
Jan 10 #Javascript
jquery文档操作wrap()方法实例简述
Jan 10 #Javascript
You might like
destoon实现调用图文新闻的方法
2014/08/21 PHP
php微信扫码支付 php公众号支付
2019/03/24 PHP
php常用的工具开发整理
2019/09/26 PHP
通过javascript获取iframe里的值示例代码
2013/06/24 Javascript
jquery操作对象数组元素方法详解
2014/11/26 Javascript
Nodejs获取网络数据并生成Excel表格
2020/03/31 NodeJs
详解Angular2响应式表单
2017/06/14 Javascript
vue修改vue项目运行端口号的方法
2017/08/04 Javascript
JavaScript中附件预览功能实现详解(推荐)
2017/08/15 Javascript
ES6下子组件调用父组件的方法(推荐)
2018/02/23 Javascript
JavaScript高级函数应用之分时函数实例分析
2018/08/03 Javascript
解决element-ui中下拉菜单子选项click事件不触发的问题
2018/08/22 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
2018/08/24 Javascript
在node中使用jwt签发与验证token的方法
2019/04/03 Javascript
JavaScript遍历数组和对象的元素简单操作示例
2019/07/09 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
2019/08/27 Javascript
JS数组的高级使用方法示例小结
2020/03/14 Javascript
解决VUE 在IE下出现ReferenceError: Promise未定义的问题
2020/11/07 Javascript
[01:16:16]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第二场 1月8日
2021/03/11 DOTA
python通过ftplib登录到ftp服务器的方法
2015/05/08 Python
python遍历文件夹,指定遍历深度与忽略目录的方法
2018/07/11 Python
python 动态生成变量名以及动态获取变量的变量名方法
2019/01/20 Python
python实现烟花小程序
2019/01/30 Python
在python Numpy中求向量和矩阵的范数实例
2019/08/26 Python
python实现图像拼接
2020/03/05 Python
如何基于Python pygame实现动画跑马灯
2020/11/18 Python
python基于win32api实现键盘输入
2020/12/09 Python
html5的localstorage详解
2017/05/09 HTML / CSS
英国最大的运动营养公司之一:LA Muscle
2018/07/02 全球购物
物业招聘计划书
2014/01/10 职场文书
你的创业计划书怎样才能打动风投
2014/02/06 职场文书
《美丽的彩虹》教学反思
2014/02/25 职场文书
寄语是什么意思
2014/04/10 职场文书
小学生作文写作技巧100例,非常实用!
2019/07/08 职场文书
Python 数据可视化之Seaborn详解
2021/11/02 Python
 Redis 串行生成顺序编码的方法实现
2022/04/03 Redis