Class combination with prototype : Combination « Object Oriented « JavaScript Tutorial






  1. JavaScript Tutorial
  2. Object Oriented
  3. Combination
<html>
<head>
<title>Example</title>
</head>
<body>
<script type="text/javascript">
function BaseClass(sColor) {
    this.color = sColor;
}

BaseClass.prototype.sayColor = function () {
    alert(this.color);
};

function SubClass(sColor, sName) {
    BaseClass.call(this, sColor);
    this.name = sName;
}

SubClass.prototype = new BaseClass();

SubClass.prototype.sayName = function () {
    alert(this.name);
};


var objA = new BaseClass("red");
var objB = new SubClass("blue", "MyName");
objA.sayColor();
objB.sayColor();
objB.sayName();

</script>

</body>
</html>








25.8.Combination
25.8.1.Class combination with constructor
25.8.2.Class combination with prototype