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 获取span标签中的值的代码 支持ie与firefox
Aug 24 Javascript
JS基础之undefined与null的区别分析
Aug 08 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
Apr 02 Javascript
js快速排序的实现代码
Dec 08 Javascript
多引号嵌套的变量命名的问题
May 09 Javascript
jscript读写二进制文件的方法
Apr 22 Javascript
第七章之菜单按钮图标组件
Apr 25 Javascript
ReactNative之键盘Keyboard的弹出与消失示例
Jul 11 Javascript
Vue 中axios配置实例详解
Jul 27 Javascript
vue踩坑记录之数组定义和赋值问题
Mar 20 Javascript
vue踩坑记-在项目中安装依赖模块npm install报错
Apr 02 Javascript
H5+css3+js搭建带验证码的登录页面
Oct 11 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邮件专题
2006/10/09 PHP
windows下开发并编译PHP扩展的方法
2011/03/18 PHP
两个SUBMIT按钮,如何区分处理
2006/08/22 Javascript
初窥JQuery(二) 事件机制(1)
2010/11/25 Javascript
jquery序列化表单去除指定元素示例代码
2014/04/10 Javascript
基于NodeJS的前后端分离的思考与实践(六)Nginx + Node.js + Java 的软件栈部署实践
2014/09/26 NodeJs
JavaScript获取各大浏览器信息图示
2015/11/20 Javascript
终于实现了!精彩的jquery弹幕效果
2016/07/18 Javascript
Jquery组件easyUi实现表单验证示例
2016/08/23 Javascript
想学习javascript JS和jQuery哪个重要 先学哪个
2016/12/11 Javascript
深入理解vue路由的使用
2017/03/24 Javascript
关于定制FileField中的上传文件名称问题
2017/08/22 Javascript
详解从Vue-router到html5的pushState
2018/07/21 Javascript
vue实现浏览器全屏展示功能
2019/11/27 Javascript
javascript实现视频弹幕效果(两个版本)
2019/11/28 Javascript
Javascript如何实现双指控制图片功能
2020/02/25 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
跟老齐学Python之一个免费的实验室
2014/09/14 Python
python实现折半查找和归并排序算法
2017/04/14 Python
Python批量发送post请求的实现代码
2018/05/05 Python
python命令行参数用法实例分析
2019/06/25 Python
Flask框架钩子函数功能与用法分析
2019/08/02 Python
基于Python新建用户并产生随机密码过程解析
2019/10/08 Python
PyTorch 对应点相乘、矩阵相乘实例
2019/12/27 Python
Python yield的用法实例分析
2020/03/06 Python
详解Pytorch显存动态分配规律探索
2020/11/17 Python
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
美国户外烹饪产品购物网站:Outdoor Cooking
2020/01/10 全球购物
办公室文秘自我评价
2013/09/21 职场文书
中专生求职自荐信范文
2013/12/22 职场文书
班会关于环保演讲稿
2013/12/29 职场文书
推荐信格式要求
2014/05/09 职场文书
地球一小时宣传标语
2014/06/24 职场文书
重阳节演讲稿:尊敬帮助老人 弘扬传统美德
2014/09/25 职场文书
微信小程序用户授权最佳实践指南
2021/05/08 Javascript