JavaScript实现继承的五种方式

1. 原型链继承

var Base = function() {
    this.level = 1;
    this.name = "base";
    this.toString = function(){
        return "base";
    };
};

var Sub = function()
{
};
Sub.prototype = new Base();
Sub.prototype.name = "sub";

• 优点：从instanceof关键字来看，实例既是父类的实例，又是子类的实例，看起来似乎是最纯粹的继承。
• 缺点：子类区别于父类的属性和方法，必须在Sub.prototype = new Base();这样的语句之后分别执行，无法被包装到Sub这个构造器里面去。例如：Sub.prototype.name = “sub”；无法实现多重继承。

---

2. 构造继承

var Base = function() {
this.level = 1;
    this.name = "base";
    this.toString = function(){
        return "base";
    };
};

var Sub = function()
{
    Base.call(this);
    this.name = "sub";
};                  

• 优点：可以实现多重继承，可以把子类特有的属性设置放在构造器内部。
• 缺点：使用instanceof发现，对象不是父类的实例。

---

3. 实例继承

var Base = function() {
    this.level = 1;
    this.name = "base";
    this.toString = function(){
        return "base";
    };
};

var Sub = function()
{
    var instance = new Base();
    instance.name = "sub";
    return instance;
};

• 优点：是父类的对象，并且使用new构造对象和不使用new构造对象，都可以获得相同的效果。
• 缺点：生成的对象实质仅仅是父类的实例，并非子类的对象；不支持多继承。

---

4. 拷贝继承

var Base = function() {
    this.level = 1;
    this.name = "base";
    this.toString = function(){
        return "base";
    };
};

var Sub = function()
{
    var base = new Base();
    for(var i in base)
        Sub.prototype[i] = base[i];
    Sub.prototype["name"] = "sub";
};

• 优点：支持多继承。
• 缺点：效率较低；无法获取父类不可枚举的方法。

---

5. 对象继承

如果我们不需要类继承，只需要对象继承，对于支持 ECMAScript 5 的浏览器来说，还可以用Object.create方法来实现：

var Base = function() {
    this.level = 1;
    this.name = "base";
    this.toString = function(){
        return "base";
    };
};

var sub = Object.create(new Base());
sub.name = "sub";

• 对象继承在Ext-5.0中应用很普遍，广泛采用的是Ext.create(…)形式取代之前new运算符