Konsep Object Oriented Programming Pada Framework PrototypeJs dan jQuery

<script language="javascript" src="prototype.js"></script>
<script language="javascript">
// cara memulai sebuah class di PrototypeJs
var Matematika = Class.create({ 
	/* Pada PrototypeJs, fungsi yang dianggap sebuah konstruktor adalah fungsi initialize()
	   Maka fungsi initialize() adalah fungsi yang pertama dijalankan ketika class Matematika dipanggil */    	
	initialize: function(a,b){ 
		this.bil_a = a; // set nilai pada bilangan pertama
		this.bil_b = b; // set nilai pada bilangan kedua
	},
	tambah: function(){
		// mengembalikan nilai hasil penambahan kedua bilangan
		return this.bil_a + this.bil_b;
	},
	getBil1: function(){
		// mengembalikan nilai bilangan pertama
		return this.bil_a;
	},
	getBil2: function(){
		// mengembalikan nilai bilangan pertama
		return this.bil_b;
	},
	bil_a: 0, // default bilangan pertama
	bil_b: 0  // default bilangan kedua
});
var Perkalian = Class.create(Matematika,{
	init: function($super,a,b){
		/* Pada PrototypeJs untuk memanggil konstruktor class induk adalah dengan mengikut sertakan
		   variable $super di dalam parameter kontruktor class anak. Variable $super itu kemudian
		   akan digunakan untuk memanggil kontruktor class induk karena $super selain variable juga
		   dianggap sebagai sebuah fungsi. 
		   Pada contoh kali ini kedua bilangan yang dilempar ke konstruktor di class Perkalian
		   akan dilempar lagi ke konstruktor di class Matematika. Namun ketika class Perkalian dipanggil
		   cukup mengirimkan 2 parameter saja, dan jangan hiraukan variable $super. */
		$super(a,b);
	},		
	kali: function(){
		// mengembalikan nilai hasil perkalian kedua bilangan
		return this.bil_a * this.bil_b;
	}
});    
</script>

<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="myclass.js"></script>
<script language="javascript">
// cara memulai sebuah class di jQuery
var Matematika = $.Class.create({
	/* Pada jQuery, fungsi yang dianggap sebuah konstruktor adalah fungsi init()
	   Maka fungsi init() adalah fungsi yang pertama dijalankan ketika class Matematika dipanggil */    	
	init: function(a,b){ 
		this.bil_a = a; // set nilai pada bilangan pertama
		this.bil_b = b; // set nilai pada bilangan kedua
	},
	tambah: function(){
		// mengembalikan nilai hasil penambahan kedua bilangan
		return this.bil_a + this.bil_b;
	},
	getBil1: function(){
		// mengembalikan nilai bilangan pertama
		return this.bil_a;
	},
	getBil2: function(){
		// mengembalikan nilai bilangan pertama
		return this.bil_b;
	},
	bil_a: 0, // default bilangan pertama
	bil_b: 0  // default bilangan kedua
});
var Perkalian = Matematika.extend({
	init: function(a,b){
		/* Pada jQuery untuk memanggil konstruktor class induk cukup gunakan method this._super() 
		   Pada contoh kali ini kedua bilangan yang dilempar ke konstruktor di class Perkalian
		   akan dilempar lagi ke konstruktor di class Matematika */
		this._super(a,b); 
	},		
	kali: function(){
		// mengembalikan nilai hasil perkalian kedua bilangan
		return this.bil_a * this.bil_b;
	}
});
</script>

// buat object dari class Matematika dengan mengirimkan dua bilangan yang akan di operasikan oleh class 
var math_dasar = new Matematika(6,4);
alert('Hasil Penambahan '+math_dasar.getBil1()+' dan '+math_dasar.getBil2()+': '+math_dasar.tambah()); // hasilnya: 10
 
/* Ketika membuat object untuk class Perkalian, caranya sama ketika membuat object untuk class Matematika
   dan nilai bilangan pertama dan kedua akan diperlakukan sama seperti di konstruktor class Matematika */
var math_lanjut = new Perkalian(15,3);
/*  Object dari class Perkalian bisa memanggil method getBil1(),getBil2() dan tambah() dari class Matematika
	karena class Perkalian merupakan turunan dari class Matematika */
alert('Hasil Perkalian '+math_lanjut.getBil1()+' dan '+math_lanjut.getBil2()+': '+math_lanjut.kali()); // hasilnya: 45
alert('Hasil Penambahan '+math_lanjut.getBil1()+' dan '+math_lanjut.getBil2()+': '+math_lanjut.tambah()); // hasilnya: 18