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 相关文章推荐
JavaScript数组随机排列实现随机洗牌功能
Mar 19 Javascript
AngularJS中使用HTML5手机摄像头拍照
Feb 22 Javascript
如何通过js实现图片预览功能【附实例代码】
Mar 30 Javascript
Javascript中常用的检测方法小结
Oct 08 Javascript
学习vue.js计算属性
Dec 03 Javascript
jQuery ajax的功能实现方法详解
Jan 06 Javascript
微信小程序上传图片功能(附后端代码)
Jun 19 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
Apr 29 Javascript
JS中的算法与数据结构之字典(Dictionary)实例详解
Aug 20 Javascript
JavaScript实现多个物体同时运动
Mar 12 Javascript
在项目vue中使用echarts的操作步骤
Sep 07 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中关于php.ini参数优化详解
2020/02/28 PHP
Javascript 中的类和闭包
2010/01/08 Javascript
javascript showModalDialog,open取得父窗口的方法
2010/03/10 Javascript
网页打开自动最大化的js代码
2012/08/22 Javascript
jquery validate添加自定义验证规则(验证邮箱 邮政编码)
2013/12/04 Javascript
jQuery aminate方法定位到页面具体位置
2013/12/26 Javascript
Bootstrap网格系统详解
2016/04/26 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
JS动态的把左边列表添加到右边的实现代码(可上下移动)
2016/11/17 Javascript
JS去掉字符串中所有的逗号
2017/10/18 Javascript
js 两个日期比较相差多少天的实例
2017/10/19 Javascript
vue实现的组件兄弟间通信功能示例
2018/12/04 Javascript
详解Node.js一行命令上传本地文件到服务器
2019/04/22 Javascript
nodejs提示:cross-device link not permitted, rename错误的解决方法
2019/06/10 NodeJs
Node4-5静态资源服务器实战以及优化压缩文件实例内容
2019/08/29 Javascript
JS实现json数组排序操作实例分析
2019/10/28 Javascript
[00:57]林俊杰助阵DOTA2亚洲邀请赛
2015/01/28 DOTA
Python实现的简单万年历例子分享
2014/04/25 Python
利用django model save方法对未更改的字段依然进行了保存
2020/03/28 Python
Pytest框架之fixture的详细使用教程
2020/04/07 Python
python小白切忌乱用表达式
2020/05/29 Python
使用pyplot.matshow()函数添加绘图标题
2020/06/16 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
python 输入字符串生成所有有效的IP地址(LeetCode 93号题)
2020/10/15 Python
Sandro Paris美国官网:典雅别致的法国时尚服饰品牌
2017/12/26 全球购物
马来西亚在线购物:POPLOOK.com
2019/12/09 全球购物
办公室助理岗位职责
2013/12/25 职场文书
国贸专业个人求职信范文
2014/01/08 职场文书
《月光启蒙》教学反思
2014/03/01 职场文书
初三学生评语大全
2014/04/24 职场文书
警告通知
2015/04/25 职场文书
老公出轨后的保证书
2015/05/08 职场文书
退休欢送会主持词
2015/07/01 职场文书
2015年安全生产月工作总结
2015/07/27 职场文书
关于公司年会的开幕词
2016/03/04 职场文书
python之django路由和视图案例教程
2021/07/26 Python