本文实例汇总了javascript关于继承的用法。分享给大家供大家参考。具体如下：
例子：
再看例子
一、用function实现：
}
var au=new Author("dororo","Learn much");
au.name
或者同等效力的：
<div class="codetitle">
<a style="CURSOR: pointer" data="50954" class="copybut" id="copybut50954" onclick="doCopy('code50954')"> 代码如下: <div class="codebody" id="code50954">function Person(name) {
this.name = name;
}
Person.prototype.getName = function() {
return this.name;
}
function Author(name,books) {
Person.call(this,name);
this.books = books;
}
var au=new Author("dororo","Learn much");
au.getName
由于这只是将this作为参数，调用父类Person的构造函数，把赋予父类的所有域赋予Author子类，所以任何父类Person构造函数之外的定义的域（原型prototype），子类都不会继承。所以上面例子中，au.getName将是没有被定义的（undefined），因为getName是在Person的原型对象中定义的。
而且，子类的构造函数要在定义自己的域之前调用父类构造函数，免得子类的定义被父类覆盖掉。也就是说，Author定义属性book要在Person.call之后，否则会被Person中属性覆盖。同时，在子类中也最好不要用prototype来定义子类的函数域，因为在一个子类被new，实例化之后就要执行prototype，然后才是调用父类的构造函数，这样也容易被父类的属性覆盖掉。
这种方法避免了function实现中，无法继承prototype的问题。因为 Author.prototype=new Person(name);new Person（）实例会调用Person构造和原型的所有属性。但是缺点是已经实例化了Author.prototype。所以当子类实例化的时候，所有非基本数据类型都是reference copy。所以上面例子中，无论实例au1,还是au2返回的值都是dororo1.
三、用“混合”实现
属于扩展，把父类的所有域都拷贝到子类。完全没有上述两方面的问题。
寄生组合模式）
JS的继承包括属性的继承和方法的继承，他们分别通过不同的方法来实现。
1.属性的继承
属性的继承通过改变函数的执行环境来实现的。而改变函数的执行环境可以使用call()和apply()两种方法来实现。
我们首先创建一个Animal“类”（因为JS中没有类的概念，这里只是一个模拟，它实际上只是一个Function函数对象）。
分析一下new关键字：
而new关键字是十分伟大的，在上段代码中，new关键字完成了以下几项工作:
1)开辟堆空间，以准备存储Lion对象
2)修改Lion对象本身的执行环境，使得Lion函数的this指向了Lion函数对象本身。
3)调用Lion“类”的“构造函数”，创建Lion对象
4)将Lion函数对象的堆地址赋值给变量l，这个时候l就指向了这个Lion函数对象
lion.Shout();
lion.Eat();
但是这种继承有个缺点：就是父类的构造函数的被调用了两次，call一次，然后new又一次。
希望本文所述对大家的javascript程序设计有所帮助。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
