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 window.onload 加载多个函数的方法
Nov 02 Javascript
基于jquery的页面划词搜索JS
Sep 14 Javascript
js中window.open()的所有参数详细解析
Jan 09 Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 Javascript
JavaScript使用encodeURI()和decodeURI()获取字符串值的方法
Aug 04 Javascript
大型JavaScript应用程序架构设计模式
Jun 29 Javascript
JavaScript时间戳与时间日期间相互转换
Dec 11 Javascript
vue-star评星组件开发实例
Mar 01 Javascript
详解js类型判断
May 22 Javascript
vue.js使用watch监听路由变化的方法
Jul 08 Javascript
vue插件实现v-model功能
Sep 10 Javascript
JavaScript原生数组函数实例汇总
Oct 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
php的curl实现get和post的代码
2008/08/23 PHP
解析php dirname()与__FILE__常量的应用
2013/06/24 PHP
Thinkphp 中 distinct 的用法解析
2016/12/14 PHP
js实现的日期操作类DateTime函数代码
2010/03/16 Javascript
非常棒的10款jQuery 幻灯片插件
2011/06/14 Javascript
JavaScript时间转换处理函数
2015/04/14 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
jquery弹出遮掩层效果【附实例代码】
2016/04/28 Javascript
javascript执行环境及作用域详解
2016/05/05 Javascript
利用Javascript实现BMI计算器
2016/08/16 Javascript
响应式表格之固定表头的简单实现
2016/08/26 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
Angular2 自定义validators的实现方法
2017/07/05 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
Python中声明只包含一个元素的元组数据方法
2014/08/25 Python
研究Python的ORM框架中的SQLAlchemy库的映射关系
2015/04/25 Python
Python发送以整个文件夹的内容为附件的邮件的教程
2015/05/06 Python
完美解决Python2操作中文名文件乱码的问题
2017/01/04 Python
Python模块结构与布局操作方法实例分析
2017/07/24 Python
numpy中以文本的方式存储以及读取数据方法
2018/06/04 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
django框架模板中定义变量(set variable in django template)的方法分析
2019/06/24 Python
利用PyQt中的QThread类实现多线程
2020/02/18 Python
基于Python的OCR实现示例
2020/04/03 Python
水果花束:Fruit Bouquets
2017/12/20 全球购物
Omio波兰:全欧洲低价大巴、火车和航班搜索和比价
2018/02/16 全球购物
彪马香港官方网上商店:PUMA香港
2020/12/06 全球购物
Java模拟试题
2014/11/10 面试题
测控技术与仪器个人求职信范文
2013/12/30 职场文书
家长评语大全
2014/01/22 职场文书
幼儿园中班评语大全
2014/04/17 职场文书
后进基层党组织整改方案
2014/10/25 职场文书
2016年安全生产先进个人事迹材料
2016/02/29 职场文书
MySQL COUNT函数的使用与优化
2021/05/10 MySQL
Java 多态分析
2022/04/26 Java/Android
关于对TypeScript泛型参数的默认值理解
2022/07/15 Javascript