JavaScript中的物件導向—-繼承

1、對象冒充

function ClassA(sColor){
    this.color = sColor;
    this.sayColor = function(){
        alert(this.color);
    }
}
function ClassB(sColor,sName){
    this.newMethod = ClassA;
    this.newMethod(sColor);
    delete this.newMethod;
    
    this.name = sName;
    this.sayName = function(){
        alert(this.name);
    }
}

var objB = new ClassB("color of objB","name of objB");
objB.sayColor();

2、call方法

function ClassA(sColor){
    this.color = sColor;
    this.sayColor = function(){
        alert(this.color);
    }
}
function ClassB(sColor,sName){
//    this.newMethod = ClassA;
//    this.newMethod(sColor);
//    delete this.newMethod;
    ClassA.call(this,sColor);
    
    this.name = sName;
    this.sayName = function(){
        alert(this.name);
    }
}

var objB = new ClassB("color of objB","name of objB");
objB.sayColor();

3、apply方法

function ClassA(sColor){
    this.color = sColor;
    this.sayColor = function(){
        alert(this.color);
    }
}
function ClassB(sColor,sName){
//    this.newMethod = ClassA;
//    this.newMethod(sColor);
//    delete this.newMethod;
    ClassA.apply(this,new Array(sColor));
    
    this.name = sName;
    this.sayName = function(){
        alert(this.name);
    }
}

var objB = new ClassB("color of objB","name of objB");
objB.sayColor();

4、原型鏈方法

function ClassA(){
}
ClassA.prototype.color = "color";
ClassA.prototype.sayColor = function(){
    alert(this.color);
}
function ClassB(){
}
ClassB.prototype = new ClassA();
ClassB.prototype.name = "name";
ClassB.prototype.sayName = function(){
    alert(this.name);
}

var objB = new ClassB();
objB.color = "color of objB";
objB.name = "name of objB";
objB.sayColor();

5、混合方式

function ClassA(sColor){
    this.color = sColor;
}
ClassA.prototype.sayColor = function(){
    alert(this.color);
}
function ClassB(sColor,sName){
    ClassA.call(this,sColor);
    this.name = sName;
}
ClassB.prototype = new ClassA();
ClassB.prototype.sayName = function(){
    alert(this.name);
}

var objB = new ClassB("color of objB","name of objB");
objB.sayColor();