javascript继承机制实例详解

本文实例讲述了javascript继承机制。分享给大家供大家参考。具体分析如下：

初学javascript一般很难理解Javascript语言的继承机制它没有"子类"和"父类"的概念，也没有"类"（class）和"实例"（instance）的区分，全靠一种很奇特的"原型链"（prototype chain）模式，来实现继承。

我花了很多时间，学习这个部分，还做了很多笔记。但是都属于强行记忆，无法从根本上理解。

一、如何创建一个类

假设有给叫Person的类如下：
代码如下:var Person = function(name, age) {
    this.name = name;
    this.age = age;
}
Person.prototype.getName = function() {
    return this.name;
}
如上：Person代表地球上所有的人，每个人都有这两个基本属性：name和age；现在我们要实现一个学生类，然后我们知道了； 学生也是一个人，及学生也有name和age等属性；现在的问题是怎么能把这个关系给搭起来？
先来看看纯面向对象的语言是如何做到的(如：Actionscrpt3)
代码如下:class Students extend Person {}; //很简单，一行代码；更确切的说是一个单词--extend

二、换成js如何能做到

在讲解js的继承机制实现之前，先了解一下js的原型链：
代码如下:var person = new Person('Poised-flw', 21);
person.getName(); // "Poised-flw"

就上面的getName()方法来说，是如何执行的？首先会在Person这个函数里面找是否有getName（）这个方法，发现没有；然后就转到 Person.prototype中寻找，发现有！然后就调用，若没有呢？继续按照相同的方法一直沿着prototype寻找下去，直到找到方法或者 达到原型链的顶端为止！

举例来说，现在有一个叫做DOG的构造函数，表示狗对象的原型。
代码如下:　　function DOG(name){
　　　　this.name = name;
　　}
对这个构造函数使用new，就会生成一个狗对象的实例。
代码如下:　　var dogA = new DOG('大毛');
　　alert(dogA.name); // 大毛
注意构造函数中的this关键字，它就代表了新创建的实例对象。

三、new运算符的缺点

用构造函数生成实例对象，有一个缺点，那就是无法共享属性和方法。
比如，在DOG对象的构造函数中，设置一个实例对象的共有属性species。
代码如下:　　function DOG(name){
　　　　this.name = name;
　　　　this.species = '犬科';
　　}
然后，生成两个实例对象：
代码如下:　　var dogA = new DOG('大毛');
　　var dogB = new DOG('二毛');
这两个对象的species属性是独立的，修改其中一个，不会影响到另一个。
代码如下:　　dogA.species = '猫科';
　　alert(dogB.species); // 显示"犬科"，不受dogA的影响