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 相关文章推荐
js 鼠标点击事件及其它捕获
Jun 04 Javascript
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
JavaScript使用ActiveXObject访问Access和SQL Server数据库
Apr 02 Javascript
JS实现浏览器打印、打印预览示例
Feb 28 Javascript
Vue组件选项props实例详解
Aug 18 Javascript
微信小程序使用wxParse解析html的方法示例
Jan 17 Javascript
javascript的this关键字详解
May 20 Javascript
node.js中 redis 的安装和基本操作示例
Feb 10 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
Vue关于组件化开发知识点详解
May 13 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
PHP stream_context_create()作用和用法分析
2011/03/29 PHP
十个PHP高级应用技巧果断收藏
2015/09/25 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
分享8个Laravel模型时间戳使用技巧小结
2020/02/12 PHP
IE 缓存策略的BUG的解决方法
2007/07/21 Javascript
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
firefox firebug中文入门教程 脚本之家新年特别版
2010/01/02 Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
2010/03/21 Javascript
JS禁用浏览器退格键实现思路及代码
2013/10/29 Javascript
浅析JavaScript中两种类型的全局对象/函数
2013/12/05 Javascript
JavaScript访问字符串中单个字符的两种方法
2015/07/03 Javascript
textarea 在浏览器中固定大小和禁止拖动的实现方法
2016/12/03 Javascript
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
简单实现jQuery弹窗效果
2017/10/30 jQuery
详解vue2.0+axios+mock+axios-mock+adapter实现登陆
2018/07/19 Javascript
layer.open关闭父窗口 以及调用父页面的方法
2018/08/17 Javascript
利用原生的JavaScript实现简单拼图游戏
2018/11/18 Javascript
vue写h5页面的方法总结
2019/02/12 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
2019/05/21 Javascript
举例详解Python中的split()函数的使用方法
2015/04/07 Python
Python实现简单的四则运算计算器
2016/11/02 Python
pandas-resample按时间聚合实例
2019/12/27 Python
Python集成开发工具Pycharm的安装和使用详解
2020/03/18 Python
python中plt.imshow与cv2.imshow显示颜色问题
2020/07/16 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
HTML5单页面手势滑屏切换原理分析
2017/07/10 HTML / CSS
来自世界上最好大学的在线课程:edX
2018/10/16 全球购物
保加利亚手表、香水、化妆品和珠宝购物网站:Brasty.bg
2020/04/22 全球购物
城市规划毕业生求职信
2013/10/10 职场文书
营业经理岗位职责
2013/11/10 职场文书
三分钟自我介绍演讲稿
2014/08/21 职场文书
农行心得体会
2014/09/02 职场文书
给朋友的赠语
2015/06/23 职场文书
oracle索引总结
2021/09/25 Oracle
Python内置数据类型中的集合详解
2022/03/18 Python