天天看点

[基础]Javascript中的继承示例代码

面向对象的语言必须具备四个基本特征:

1.封装能力(即允许将基本数据类型的变量或函数放到一个类里,形成类的成员或方法)

2.聚合能力(即允许类里面再包含类,这样可以应付足够复杂的设计)

3.支持继承(父类可以派生出子类,子类拥有父母的属性或方法)

4.支持多态(允许同样的方法名,根据方法签名[即函数的参数]不同,有各自独立的处理方法)

这四个基本属性,javascript都可以支持,所以javascript确实是一种弱类型的面向对象的语言,这里给出一个简单的类继承的代码

[基础]Javascript中的继承示例代码

<script type="text/javascript">

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

//父类ClassA

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

function ClassA(sColor) 

[基础]Javascript中的继承示例代码

{

[基础]Javascript中的继承示例代码

    this.color = sColor;

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

    this.sayColor = function () 

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

        document.write("Color:" + this.color + "<br/>");

[基础]Javascript中的继承示例代码

    };

[基础]Javascript中的继承示例代码

}

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

//子类ClassB,继承自ClassA

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

function ClassB(sColor,sName)

[基础]Javascript中的继承示例代码

{    

[基础]Javascript中的继承示例代码

    ClassA.call(this,sColor);//利用call函数,将ClassA的所有方法都赋给ClassB,即实现了继承

[基础]Javascript中的继承示例代码

    this.name = sName;

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

    this.sayName = function()

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

        document.write("Name:" + this.name + "<br/>");

[基础]Javascript中的继承示例代码

    }

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

var oClassA = new ClassA("Red");

[基础]Javascript中的继承示例代码

oClassA.sayColor();

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

var oClassB = new ClassB("Blue","Jimmy.Yang");

[基础]Javascript中的继承示例代码

oClassB.sayColor();//这里sayColor方法是从ClassA继承来的

[基础]Javascript中的继承示例代码

oClassB.sayName();//这是ClassB中的新方法

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

/**//*

[基础]Javascript中的继承示例代码

call函数的演示示例

[基础]Javascript中的继承示例代码

function sayColor(sPrefix, sSuffix) {

[基础]Javascript中的继承示例代码

alert(sPrefix + this.color + sSuffix);

[基础]Javascript中的继承示例代码

};

[基础]Javascript中的继承示例代码

var obj = new Object();

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

sayColor.call(obj, "The color is ", ", a very nice color indeed. ");

[基础]Javascript中的继承示例代码

*/

[基础]Javascript中的继承示例代码
[基础]Javascript中的继承示例代码

</script>

继续阅读