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中的变量是传值还是传址的?
Apr 19 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
Jul 17 Javascript
基于jQuery的Tab选项框效果代码(插件)
Mar 01 Javascript
jQuery中读取json文件示例代码
May 10 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
Jan 09 Javascript
js实现绿白相间竖向网页百叶窗动画切换效果
Mar 02 Javascript
JavaScript点击按钮后弹出透明浮动层的方法
May 11 Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 Javascript
微信小程序开发(二)图片上传+服务端接收详解
Jan 11 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
JQueryDOM之样式操作
Mar 27 jQuery
vue实现文件上传读取及下载功能
Nov 17 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
How do I change MySQL timezone?
2008/03/26 PHP
php中$this-&amp;gt;含义分析
2009/11/29 PHP
一个基于PDO的数据库操作类
2011/03/24 PHP
Array的push与unshift方法性能比较分析
2011/03/05 Javascript
JS分页控件 可用于无刷新分页
2013/07/23 Javascript
javascript中apply和call方法的作用及区别说明
2014/02/14 Javascript
用JS在浏览器中创建下载文件
2014/03/05 Javascript
connect中间件session、cookie的使用方法分享
2014/06/17 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
手机端转盘抽奖代码分享
2015/09/10 Javascript
学习javascript的闭包,原型,和匿名函数之旅
2015/10/18 Javascript
JS实现的N多简单无缝滚动代码(包含图文效果)
2015/11/06 Javascript
JQuery ztree带筛选、异步加载实例讲解
2016/02/25 Javascript
JavaScript函数柯里化详解
2016/04/29 Javascript
Angular.js与node.js项目里用cookie校验账户登录详解
2017/02/22 Javascript
利用Three.js如何实现阴影效果实例代码
2017/09/26 Javascript
原生javascript实现文件异步上传的实例讲解
2017/10/26 Javascript
Vue+ElementUI实现表单动态渲染、可视化配置的方法
2018/03/07 Javascript
vue.js实现带日期星期的数字时钟功能示例
2018/08/28 Javascript
angularjs的单选框+ng-repeat的实现方法
2018/09/12 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
2019/05/15 Javascript
10种JavaScript最常见的错误(小结)
2019/06/21 Javascript
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
vue.config.js常用配置详解
2019/11/14 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
2020/01/04 Javascript
React中获取数据的3种方法及优缺点
2020/02/18 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
跟老齐学Python之有容乃大的list(2)
2014/09/15 Python
Python不使用int()函数把字符串转换为数字的方法
2018/07/09 Python
python 3.6.4 安装配置方法图文教程
2018/09/18 Python
python读写csv文件并增加行列的实例代码
2019/08/01 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
Python 开发工具通过 agent 代理使用的方法
2020/09/27 Python
Python中如何定义一个函数
2016/09/06 面试题
2015重阳节敬老活动总结
2015/07/29 职场文书