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的构造函数时，没有给它传递参数。这是原型链中是标准做法。要确保构造函数没有任何参数。