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实现页面滚动图片加载(仿lazyload效果)
Jul 22 Javascript
Jquery中的层次选择器与find()的区别示例介绍
Feb 20 Javascript
js拼接html注意问题示例探讨
Jul 14 Javascript
JS操作HTML自定义属性的方法
Feb 10 Javascript
C++中的string类的用法小结
Aug 07 Javascript
JavaScript原型及原型链终极详解
Jan 04 Javascript
基于javascript实现动态时钟效果
Aug 18 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
Jul 13 Javascript
Vue CLI3搭建的项目中路径相关问题的解决
Sep 17 Javascript
微信小程序使用npm支持踩坑
Nov 07 Javascript
关于vue表单提交防双/多击的例子
Oct 31 Javascript
解决VUE项目localhost端口服务器拒绝连接,只能用127.0.0.1的问题
Aug 14 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
CI框架Session.php源码分析
2014/11/03 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
PHP基于GD库实现的生成图片缩略图函数示例
2017/07/05 PHP
PHP简单实现记录网站访问量功能示例
2018/06/06 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
thinkphp框架实现路由重定义简化url访问地址的方法分析
2020/04/04 PHP
一个判断抢购时间是否到达的简单的js函数
2014/06/23 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
2015/08/30 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
利用Js的console对象,在控制台打印调式信息测试Js的实现
2016/11/26 Javascript
简单实现JS计算器功能
2016/12/21 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
基于vue实现web端超大数据量表格的卡顿解决
2019/04/02 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
2020/11/26 Vue.js
vue使用echarts画组织结构图
2021/02/06 Vue.js
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
python实现在windows下操作word的方法
2015/04/28 Python
详解Python使用tensorflow入门指南
2018/02/09 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
Python使用Beautiful Soup爬取豆瓣音乐排行榜过程解析
2019/08/15 Python
python pygame实现球球大作战
2019/11/25 Python
python字符串反转的四种方法详解
2019/12/02 Python
python针对Oracle常见查询操作实例分析
2020/04/30 Python
python音频处理的示例详解
2020/12/23 Python
你不知道的葡萄干处理法、橙蜜处理法、二氧化碳酵母法
2021/03/17 冲泡冲煮
详解移动端h5页面根据屏幕适配的四种方案
2020/04/15 HTML / CSS
英语专业学生的自我评价
2013/12/30 职场文书
日语专业个人求职信范文
2014/02/02 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
顶岗实习计划书
2015/01/16 职场文书
幼儿教师个人总结
2015/02/05 职场文书
青年教师个人总结
2015/02/11 职场文书
社区活动总结范文
2015/05/07 职场文书
七年级数学教学反思
2016/02/17 职场文书
MySQL连接控制插件介绍
2021/09/25 MySQL