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 加载并解析XML字符串的代码
Dec 13 Javascript
基于jQuery的简单的列表导航菜单
Mar 02 Javascript
JS中getYear()和getFullYear()区别分析
Jul 04 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
Aug 22 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
AngularJS实现全选反选功能
Dec 08 Javascript
利用jquery实现瀑布流3种案例
Sep 18 Javascript
Mongoose学习全面理解(推荐)
Jan 21 Javascript
vue分类筛选filter方法简单实例
Mar 30 Javascript
React中的refs的使用教程
Feb 13 Javascript
JS实现调用本地摄像头功能示例
May 18 Javascript
js+canvas实现验证码功能
Sep 21 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
如何选购合适的收音机
2021/03/01 无线电
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
PHP随机字符串生成代码(包括大小写字母)
2013/06/24 PHP
php文件系统处理方法小结
2016/05/23 PHP
php写app接口并返回json数据的实例(分享)
2017/05/20 PHP
laravel实现图片上传预览,及编辑时可更换图片,并实时变化的例子
2019/11/14 PHP
Jquery 基础学习笔记
2009/05/29 Javascript
jquery pagination插件实现无刷新分页代码
2009/10/13 Javascript
基于jquery的checkbox下拉框插件代码
2010/06/25 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
探寻JavaScript中this指针指向
2016/04/23 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
2016/08/03 Javascript
AngularJs上传前预览图片的实例代码
2017/01/20 Javascript
JavaScript数组_动力节点Java学院整理
2017/06/26 Javascript
浅析vue.js数组的变异方法
2018/06/30 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
浅要分析Python程序与C程序的结合使用
2015/04/07 Python
python判断一个集合是否包含了另外一个集合中所有项的方法
2015/06/30 Python
在Python中使用正则表达式的方法
2015/08/13 Python
Python全局变量用法实例分析
2016/07/19 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
python样条插值的实现代码
2018/12/17 Python
如何用Python徒手写线性回归
2021/01/25 Python
HTML5中实现拖放效果无须借助javascript
2012/12/26 HTML / CSS
使用HTML5做个画图板的方法介绍
2013/05/03 HTML / CSS
Foot Locker英国官网:美国知名运动产品零售商
2019/02/21 全球购物
中职招生先进个人材料
2014/08/31 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
python实现三次密码验证的示例
2021/04/29 Python
Python开发五子棋小游戏
2022/05/02 Python
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers
Win11自动黑屏怎么办 Win11自动黑屏设置教程
2022/07/15 数码科技