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小框架 fly javascript framework
Nov 26 Javascript
JavaScript中创建对象和继承示例解读
Feb 12 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
May 03 Javascript
学习Bootstrap滚动监听 附调用方法
Jul 02 Javascript
js实现旋转木马效果
Mar 17 Javascript
利用node.js+mongodb如何搭建一个简单登录注册的功能详解
Jul 30 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
Jun 05 Javascript
Vue中使用ElementUI使用第三方图标库iconfont的示例
Oct 11 Javascript
react高阶组件添加和删除props
Apr 26 Javascript
vue使用axios实现excel文件下载的功能
Jul 16 Javascript
浅谈vant组件Picker 选择器选单选问题
Nov 04 Javascript
WebWorker 封装 JavaScript 沙箱详情
Nov 02 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
PHP5.3与5.5废弃与过期函数整理汇总
2014/07/10 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
thinkphp中多表查询中防止数据重复的sql语句(必看)
2016/09/22 PHP
php实现微信分享朋友链接功能
2019/02/18 PHP
php转换上传word文件为PDF的方法【基于COM组件】
2019/06/10 PHP
js 数组操作代码集锦
2009/04/28 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
原生javascript和jquery判断浏览器版本等信息
2013/07/04 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
jQuery中contents()方法用法实例
2015/01/08 Javascript
js实现类似菜单风格的TAB选项卡效果代码
2015/08/28 Javascript
如何根据百度地图计算出两地之间的驾驶距离(两种语言js和C#)
2015/10/29 Javascript
js事件处理程序跨浏览器解决方案
2016/03/27 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
vue计算属性及使用详解
2018/04/02 Javascript
在vue中实现点击选择框阻止弹出层消失的方法
2018/09/15 Javascript
vue实现公告栏文字上下滚动效果的示例代码
2020/06/16 Javascript
[01:02:00]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第三场 1月24日
2021/03/11 DOTA
python删除列表内容
2015/08/04 Python
python中函数默认值使用注意点详解
2016/06/01 Python
Python实现二分查找与bisect模块详解
2017/01/13 Python
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
Python实现截取PDF文件中的几页代码实例
2019/03/11 Python
python读写csv文件的方法
2019/08/13 Python
python代码区分大小写吗
2020/06/17 Python
Python configparser模块应用过程解析
2020/08/14 Python
为中国消费者甄选天下优品:网易严选
2016/08/11 全球购物
澳大利亚最受欢迎的女士度假服装:Kabana Shop
2020/10/10 全球购物
个人简历的自荐信
2013/10/23 职场文书
预备党员思想汇报范文
2014/01/11 职场文书
个人查摆剖析材料
2014/02/04 职场文书
小学生优秀评语大全
2014/04/22 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
逃课检讨书
2015/01/26 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书