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 相关文章推荐
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
jQuery插件开发的五种形态小结
Mar 04 Javascript
浅析javascript函数表达式
Feb 10 Javascript
jQuery实现只允许输入数字和小数点的方法
Mar 02 Javascript
Angular的$http的ajax的请求操作(推荐)
Jan 10 Javascript
Vue修改mint-ui默认样式的方法
Feb 03 Javascript
vue后台管理之动态加载路由的方法
Aug 13 Javascript
详解ES6 系列之异步处理实战
Oct 26 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
Nov 14 Javascript
如何对react hooks进行单元测试的方法
Aug 14 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
Dec 04 Javascript
详解Vue3 Composition API中的提取和重用逻辑
Apr 29 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 和 XML: 使用expat函数(二)
2006/10/09 PHP
php 缩略图实现函数代码
2011/06/23 PHP
ThinkPHP模版引擎之变量输出详解
2014/12/05 PHP
值得分享的php+ajax实时聊天室
2016/07/20 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
php实现简易计算器
2020/08/28 PHP
js取得url地址参数实例
2013/02/22 Javascript
使用jquery实现简单的ajax
2013/07/08 Javascript
JS实现多物体缓冲运动实例代码
2013/11/29 Javascript
jQuery中$.click()无效问题分析
2015/01/29 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
AngularJS基础 ng-keyup 指令简单示例
2016/08/02 Javascript
关于Javascript回调函数的一个妙用
2016/08/29 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
2017/01/22 Javascript
requirejs按需加载angularjs文件实例
2017/06/08 Javascript
vue组件 $children,$refs,$parent的使用详解
2017/07/31 Javascript
详解10分钟学会vue滚动行为
2017/09/21 Javascript
详解用Node.js实现Restful风格webservice
2017/09/29 Javascript
JavaScript递归函数定义与用法实例分析
2019/01/24 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
Python列表list操作符实例分析【标准类型操作符、切片、连接字符、列表解析、重复操作等】
2017/07/24 Python
Python数据分析之双色球统计两个红和蓝球哪组合比例高的方法
2018/02/03 Python
python实践项目之监控当前联网状态详情
2019/05/23 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
python ImageDraw类实现几何图形的绘制与文字的绘制
2020/02/26 Python
python 按钮点击关闭窗口的实现
2020/03/04 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
python学习将数据写入文件并保存方法
2020/06/07 Python
详解python UDP 编程
2020/08/24 Python
双立人美国官方商店:ZWILLING集团餐具和炊具
2020/05/07 全球购物
一些Unix笔试题和面试题
2013/01/22 面试题
电子商务专业应届生求职信
2014/05/28 职场文书
音乐幼师求职信
2014/07/09 职场文书
休学证明范本
2015/06/19 职场文书
资产移交协议书
2016/03/24 职场文书
阿里云服务器(windows)手动部署FTP站点详细教程
2022/08/05 Servers