js对象继承之原型链继承实例

 更新时间:2015年01月10日 15:57:21   投稿:shichen2014  
这篇文章主要介绍了js对象继承之原型链继承,以实例形式分析了原型链继承的实现方法与注意事项,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了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逆向分析instagram登入过程

    JavaScript逆向分析instagram登入过程

    这篇文章主要介绍了JavaScript逆向分析instagram登入过程,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • setTimeout学习小结

    setTimeout学习小结

    本文主要介绍了setTimeout原理;setTimeout(function(){..},0)的意义;setTimeout的this指向和参数问题。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • 浅谈JavaScript中的parseInt()的妙用

    浅谈JavaScript中的parseInt()的妙用

    本文主要介绍了JavaScript中的parseInt()的妙用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-07-07
  • JavaScript 动态加载脚本和样式的方法

    JavaScript 动态加载脚本和样式的方法

    这篇文章主要介绍了JavaScript 动态加载脚本和样式的方法,需要的朋友可以参考下
    2015-04-04
  • JavaScript实现二分查找实例代码

    JavaScript实现二分查找实例代码

    二分查找的前提为:数组、有序。这篇文章主要介绍了JavaScript实现二分查找实例代码,需要的朋友可以参考下
    2017-02-02
  • JavaScript设计模式中的观察者模式

    JavaScript设计模式中的观察者模式

    这篇文章主要介绍了JavaScript设计模式中的观察者模式,观察者设计模式适用于监听一对多的操作,例如监听对象属性的修改等等,观察者模式能够降低代码耦合度,提升可扩展性
    2022-06-06
  • Javascript Function.prototype.bind详细分析

    Javascript Function.prototype.bind详细分析

    这篇文章主要介绍了Javascript Function.prototype.bind详细分析的相关资料,需要的朋友可以参考下
    2016-12-12
  • jszip插件实现图片打包下载的方法分析

    jszip插件实现图片打包下载的方法分析

    这篇文章主要介绍了jszip插件实现图片打包下载的方法,结合实例形式分析了JavaScript使用jszip插件依据图片列表打包下载zip压缩文件的相关操作技巧,需要的朋友可以参考下
    2023-05-05
  • javascript中的nextSibling使用陷(da)阱(keng)

    javascript中的nextSibling使用陷(da)阱(keng)

    关于HTML/XML节点的问题,在IE中nextSibling不会返回文本节点,而chrome或者firefox等会返回文本节点
    2014-05-05
  • js中!和!!的区别与用法

    js中!和!!的区别与用法

    这篇文章主要介绍了js中!和!!的区别与用法,js中!的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!与上对象来求得一个布尔值,需要的朋友可以参考下
    2020-05-05

最新评论