推荐JavaScript实现继承的最佳方式
更新时间：2014年11月11日 15:44:29 投稿：hebedich
本文是介绍了实用call方法结合原型链方法来实现javascript继承的最佳方式，非常的实用，有需要的小伙伴可以参考下
实现JavaScript继承的最简单的方式是call方法（或者apply方法）及原型链方法，但这两种方法都有缺陷，而其混合体就是很好的继承实现方式。下面举例说明：
复制代码 代码如下:
function Animal(age){
this.age = age;
}
Animal.prototype.sayAge = function(){
window.alert("My age is "+this.age+"!");
};
function Dog(age,name){
Animal.call(this,age);
this.name = name;
}
Dog.prototype = new Animal();
Dog.prototype.sayName = function(){
window.alert("I am a "+this.name+"!");
};
var dog = new Dog(15,"dog");
dog.sayName();
dog.sayAge();
对于类Animal来说，它有一个字段属性age及函数属性sayAge，sayAge方法的定义采用的是原型方式。Dog类要继承Animal，其字段属性除了age外还有name，通过Animal.call(this,age);可以实现Dog继承Animal的字段属性age并将其初始化了。call方法的第一个参数为继承的类的this指针，第二个参数为Animal类的构造函数的参数。实际上，只是通过call方法就可以实现继承，但唯一的要求是父类的函数属性要在构造函数中定义，这对于这里的函数属性使用原型方式定义来说就不适合了（采用原型方式定义函数属性比在构造函数内定义更直观一些）。要想继承Animal的原型方式定义的函数属性，需要的语句就是“Dog.prototype = new Animal();”。而Dog类中的sayName()函数则是其自身的函数属性了。
除了这个最经典的实现继承的方式外，目前还有一些免费的库可供使用。但想到形形色色的库，头就大了，有时间有必要时再研究吧！
相关文章
JavaScript的目的分析...2007-01-01
JavaScript中的setUTCDate()方法使用详解
这篇文章主要介绍了JavaScript中的setUTCDate()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
document.getElementById获取控件对象为空的解决方法
今天写个网页，想在页面加载onLoad时，动态显示由后台其他程序传来的数据时，用document.getElementById获取控件对象总是为空。但是检查了这个id确实是存在的。看下文的示例和解决方法2013-11-11
简介JavaScript中用于处理正切的Math.tan()方法
这篇文章主要介绍了简介JavaScript中用于处理正切的Math.tan()方法,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06
js获取height和width属性的值在日常开发中很常见，于是本人搜集整理了一下，感兴趣的朋友可以参考下2013-01-01
这个XMLHttpRequest的新版本，提出了很多有用的新功能，将大大推动互联网革新。本文就对这个新版本进行详细介绍2016-08-08
这篇文章主要为大家介绍了JavaScript深拷贝和浅拷贝，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
下面小编就为大家带来一篇js创建jsonArray传输至后台及后台全面解析。小编觉得挺不错的，现在分享给大家，也给大家做个参考。2016-04-04
这篇文章主要介绍了JavaScript的React框架入门教程,目前React框架正被Facebook开源极力推广中,此文强烈推荐!需要的朋友可以参考下2015-07-07
下面小编就为大家带来一篇javascript基础语法——全面理解变量和标识符。小编觉得挺不错的，现在就分享给大家，也给大家做个参考，一起跟随小编过来看看吧2016-06-06
最新评论