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仿PS里的羽化效果代码
Dec 20 Javascript
jQuery中:checked选择器用法实例
Jan 04 Javascript
JS实现鼠标滑过链接改变网页背景颜色的方法
Oct 20 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
Feb 28 Javascript
AngularJS实用开发技巧(推荐)
Jul 13 Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 Javascript
总结javascript中的六种迭代器
Aug 16 Javascript
angular forEach方法遍历源码解读
Jan 25 Javascript
JavaScript基础之静态方法和实例方法分析
Dec 26 Javascript
微信小程序提交form操作示例
Dec 30 Javascript
vue 开发企业微信整合案例分析
Dec 02 Javascript
使用vue3重构拼图游戏的实现示例
Jan 25 Vue.js
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生成扭曲及旋转的验证码图片
2013/06/07 PHP
php的curl封装类用法实例
2014/11/07 PHP
PHP中的类型提示(type hinting)功能介绍
2015/07/01 PHP
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
php快速排序原理与实现方法分析
2016/05/26 PHP
Thinkphp和Bootstrap结合打造个性的分页样式(推荐)
2016/08/01 PHP
Mac版PhpStorm之XAMPP整合apache服务器配置的图文教程详解
2016/10/13 PHP
js返回前一页刷新本页重载页面
2014/07/29 Javascript
JavaScript link方法入门实例(给字符串加上超链接)
2014/10/17 Javascript
JS实现图文并茂的tab选项卡效果示例【附demo源码下载】
2016/09/21 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
js实现短信发送倒计时功能(正则验证)
2017/02/10 Javascript
详解vue中组件参数
2018/07/09 Javascript
vue富文本编辑器组件vue-quill-edit使用教程
2018/09/21 Javascript
微信小程序实现单选选项卡切换效果
2020/06/19 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
新手入门带你学习JavaScript引擎运行原理
2019/06/24 Javascript
JS前端知识点总结之页面加载事件,数组操作,DOM节点操作,循环和分支
2019/07/04 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
vue3.0生命周期的示例代码
2020/09/24 Javascript
Vue $attrs &amp; inheritAttr实现button禁用效果案例
2020/12/07 Vue.js
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
[00:10]神之谴戒
2019/03/06 DOTA
python实现给数组按片赋值的方法
2015/07/28 Python
Python 实现子类获取父类的类成员方法
2019/01/11 Python
淘宝秒杀python脚本 扫码登录版
2019/09/19 Python
Python标准库:内置函数max(iterable, *[, key, default])说明
2020/04/25 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
CSS伪类与CSS伪元素的区别及由来具体说明
2012/12/07 HTML / CSS
美国健康和保健平台:healtop
2020/07/02 全球购物
迎元旦广播稿
2014/02/22 职场文书
高三高考决心书
2014/03/11 职场文书
计划生育宣传标语
2014/06/21 职场文书
教师反腐倡廉演讲稿
2014/09/03 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
Pygame Rect区域位置的使用(图文)
2021/11/17 Python