推荐JavaScript实现继承的最佳方式-js教程-PHP中文网

推荐JavaScript实现继承的最佳方式

PHPz

发布： 2016-05-16 16:31:36

原创

1447人浏览过

本章是介绍了实用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()函数则是其自身的函数属性了。

睿拓智能网站系统-网上商城

睿拓智能网站系统-网上商城1.0免费版软件大小:5M运行环境：asp+access本版本是永州睿拓信息专为电子商务入门级用户开发的网上电子商城系统，拥有产品发布，新闻发布，在线下单等全部功能，并且正式商用用户可在线提供多个模板更换，可实现一般网店交易所有功能，是中小企业和个人开展个人独立电子商务商城最佳的选择，以下为详细功能介绍：1.最新产品-提供最新产品发布管理修改，和最新产品订单查看2.推荐产