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 相关文章推荐
[原创]来自ImageSee官方 JavaScript图片浏览器
Jan 16 Javascript
js单向链表的具体实现实例
Jun 21 Javascript
浅析javascript操作 cookie对象
Dec 26 Javascript
浅谈JavaScript异常处理语句
Jun 26 Javascript
简介BootStrap model弹出框的使用
Apr 27 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
使用ionic在首页新闻中应用到的跑马灯效果的实现方法
Feb 13 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
Feb 16 Javascript
jQuery实现frame之间互通的方法
Jun 26 jQuery
vue element-ui table表格滚动加载方法
Mar 02 Javascript
Vue 3.0双向绑定原理的实现方法
Oct 23 Javascript
WebRTC记录音视频流(web技术分享)
Feb 24 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
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
实例讲解如何在PHP的Yii框架中进行错误和异常处理
2016/03/17 PHP
php使用正则验证中文
2016/04/06 PHP
jquery 插件学习(四)
2012/08/06 Javascript
通过正则表达式实现表单验证是否为中文
2014/02/18 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
jquery表单对象属性过滤选择器实例分析
2015/05/18 Javascript
jQuery实现带有上下控制按钮的简单多行滚屏效果代码
2015/09/04 Javascript
很全面的JavaScript常用功能汇总集合
2016/01/22 Javascript
基于JS实现EOS隐藏错误提示层代码
2016/04/25 Javascript
js实现tab切换效果
2017/02/16 Javascript
vue-cli入门之项目结构分析
2017/04/20 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
JS使用正则表达式找出最长连续子串长度
2017/10/26 Javascript
vue单页应用加百度统计代码(亲测有效)
2018/01/31 Javascript
angularJs在多个控制器中共享服务数据的方法
2018/09/30 Javascript
从零开始用electron手撸一个截屏工具的示例代码
2018/10/10 Javascript
ES6入门教程之let、const的使用方法
2019/04/13 Javascript
详解vue高级特性
2020/06/09 Javascript
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
Python中functools模块函数解析
2017/03/12 Python
1 行 Python 代码快速实现 FTP 服务器
2018/01/25 Python
Python可变参数*args和**kwargs用法实例小结
2018/04/27 Python
PyTorch实现ResNet50、ResNet101和ResNet152示例
2020/01/14 Python
Python使用tkinter制作在线翻译软件
2021/02/22 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
英国计算机商店:Technextday
2019/12/28 全球购物
Nayomi官网:沙特阿拉伯王国睡衣和内衣品牌
2020/12/19 全球购物
缅怀先烈主题班会
2015/08/14 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
2016社区平安家庭事迹材料
2016/02/26 职场文书
大学生奶茶店创业计划书
2019/06/25 职场文书
Python爬取英雄联盟MSI直播间弹幕并生成词云图
2021/06/01 Python
解决linux下redis数据库overcommit_memory问题
2022/02/24 Redis
Tomcat项目启动失败的原因和解决办法
2022/04/20 Servers