javascript中类继承的几中的几种方法

以下摘《Javascript程序高级设计》一书，有改动.

ECMAScript中的继承的方式不止一种。这是因为javascript中的继承机制并不是明确规定的，而是通过模仿实现的。

1.对象冒充方式
    

function classA(sColor)...{
    this.color=sColor;
    this.sayColor=function()...{
        alert(this.color);
    };
}

function classB(sColor)...{
    this.newMethod=classA;
    this.newMethod(sColor);
    delete this.newMethod;
}

var b=new classB("red");
b.sayColor();

//所有的新属性和新方法都必须在删除了新方法的代码后定义，否则，可能会覆盖超类的相关属性和方法

有趣的是，对象冒充可以支持多重继承：

function classZ()...{
    this.newMethod=classX;
    this.newMethod();
    delete this.newMethod;

    this.newMethod=classY;
    this.newMethod();
    delete this.newMethod;
}

//如果classX和classY,具有同名的属性或方法，classY会有高优先级。

在是因为这种继承方法的流行，ECMAScript的第三版为Function对象加入了两个新方法，即call()和apply()。

2，Call()方法

//测试call
function sayHello()...{
    alert(this.msg);
}

var h=...{msg:"helloWorld!"};
sayHello.call(h);

//类
function classA(sColor)...{
    this.color=sColor;
    this.sayColor=function()...{
        alert(this.color);
    };
    
}

function classB(sColor)...{
    classA.call(this,sColor);
}

var b=new classB("red");
b.sayColor();

3.apply()方法
apply()方法有两个参数，用作this的对象和要传递给函数的参数的数组。

function classB(sColor)...{
    classA.apply(this.new Array(sColor));
}

4.原形链
    prototype对象是一个模板，要实例化的对象都以这个模板为基础，况而言之，prototyp对象的任何属性和方法都被传递给那个类的所有实例。原形链利用这种功能来实现继承机制。

function classA(sColor)...{
    this.color=sColor;
    this.sayColor=function()...{
        alert(this.color);
    };
    
}
function classB()...{}
classB.prototype=new classA("red")
//继续定义classB的相关属性或方法
classB.prototype.version="1.0";
classB.prototype.setMsg=function(msg)...{
    alert(msg+this.version);
};

var b=new classB();
b.setMsg("china");

//注意，调用ClassA的构造函数时，没有给它传递参数。这是原型链中是标准做法。要确保构造函数没有任何参数。