A test of javascript's inheritance

最新推荐文章于 2020-11-30 17:02:37 发布

原创最新推荐文章于 2020-11-30 17:02:37 发布 · 602 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#inheritance #javascript #function #generator #system

Javascript 专栏收录该内容

32 篇文章

订阅专栏

本文通过一个简单的JavaScript示例展示了如何使用构造函数实现类的继承，并覆盖父类的方法。示例中包括基类(BaseClass)、子类(SubClass)及子子类(SubSubClass)的定义，每个类都包含特定的属性和方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

This is a simple test of javascript's inheritance,you also can change the "apply" method to "call". the result is same.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Javascript Class extend test</title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="^_^-Stefli,^_^-Beluga">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<body>
<script>
function BaseClass() {
    this.field = "field";
    this.getMethod = function() {
        return "getMethod";
    }
    this.getOverrideMethod = function() {
        return "getOverrideMethod";
    }
}
function SubClass() {
    BaseClass.call(this);
    this.f = "f";
    this.getM = function() {
        return "getM";
    }
}
function SubSubClass() {
    SubClass.call(this);
    this.subf = "subf";
    this.getSubM = function() {
        return "getSubM";
    }
    this.getOverrideMethod = function() {
        return "override getOverrideMethod";
    }
}
System = {}
System.out = {}
System.out.println = function() {
    if(arguments.length == 1) {
        document.write(arguments[0] + "<br />/n");
    } else {
        document.write("<br />/n");
    }
}
var subClass = new SubSubClass();
System.out.println("1. field = /"" + subClass.field + "/"/tmethod = /"" + subClass.getMethod() + "/"");
System.out.println("2. f = /"" + subClass.f + "/"/tm = /"" + subClass.getM() + "/"");
System.out.println("3. subf = /"" + subClass.subf + "/"/tsubm = /"" + subClass.getSubM() + "/"");
System.out.println("4. override the method = /"" + subClass.getOverrideMethod() + " of BaseClass/"");
</script>
</body>
</html>