JavaScript class Example

Posted by On 11月 12, 2013 0 Comment

Javascript class example

JavaScript

var AKB = function ( team, name, nickname)
{
     this.team = team;
     this.name = name;
     this.nickname = nickname;
};

AKB.introduce = function()   // Class method
{ 
     alert("Come on AKB!");
};

AKB.prototype =
{
    getTeam: function()
    {
        return this.nickname;
    },
    getName: function() 
    {
        return this.team;
    },
    getNickname: function()
    {
        return this.nickname;
    },
    display: function()
    {
        alert("Team:" + this.team + " NickName:" + this.nickname);
    }
};

Child

var BlackMayuyun = function()
{
}

BlackMayuyun.prototype = new AKB("B", "Mayu Watanabe" ,"Mayuyu");

BlackMayuyun.prototype.echo = function()
{
      alert( this.name + " Hello!");
};

For Test

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8"/>
<style>
</style>
<script src="akb.js"></script>
<script src="mayuyun.js"></script>
<script type="text/javascript">
function akbingo()
{
    var acchan = new AKB("A", "Atsuko Maeda" ,"Acchan");
　  acchan.display();
}

function naruhigh()
{
    var mayuyun = new BlackMayuyun();
    mayuyun.echo();
}

function weekakb()
{
    AKB.introduce();
}
</script>
<body>
<input type="button" onclick="akbingo();" value="Click"/>
<input type="button" onclick="weekakb();" value="Come on"/>
<input type="button" onclick="naruhigh();" value="Mayuyu"/>
</body>
</html>

TOPICS