JavaScript class Example
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>