MooTools - Kelas

MooTools berisi kelas dari API yang berbeda. Lihatlah dasar-dasar membuat dan menggunakan kelas dengan MooTools. Kelas adalah wadah untuk kumpulan variabel dan fungsi yang beroperasi pada variabel tersebut untuk melakukan tugas tertentu.

Mari kita bahas variabel, metode, dan opsi secara detail.

Variabel

Membuat variabel adalah tugas yang sangat sederhana. Ini seperti mendeklarasikan pasangan kunci / nilai dalam hash. Demikian pula, Anda dapat mengakses variabel dengan cara yang sama yang berarti <class_name.variable>. Lihatlah sintaks berikut untuk membuat dan mengakses variabel di kelas.

Sintaksis

//Create a new class named class_one
//with two internal variables
var Class_one = new Class({
   variable_one : "I'm First",
   variable_two : "I'm Second"
});
var run_demo_one = function(){
   //instantiate a Class_one class called demo_1
   var demo_1 = new Class_one();

   //Display the variables inside demo_one
   alert( demo_1.variable_one );
   alert( demo_1.variable_two );
}

Metode

Secara umum, Metode adalah fungsi yang menggunakan sekumpulan instruksi yang dimiliki kelas tertentu. Anda dapat memanggil fungsi-fungsi ini dengan menggunakan instance kelas. Satu hal lagi setiap kali Anda ingin memanggil variabel instan ke dalam fungsi yang harus Anda gunakanthiskata kunci. Lihatlah sintaks berikut untuk membuat dan mengakses metode.

Sintaksis

var Class_two = new Class({
   variable_one : "I'm First",
   variable_two : "I'm Second",
   
   function_one : function(){
      alert('First Value : ' + this.variable_one);
   },
   function_two : function(){
      alert('Second Value : ' + this.variable_two);
   }
});

var run_demo_2 = function(){
   //Instantiate a version of class_two
   var demo_2 = new Class_two();
   
   //Call function_one
   demo_2.function_one();
   
   //Call function_two
   demo_2.function_two();
}

menginisialisasi

menginisialisasi adalah opsi di objek kelas. Ini membantu Anda membuat pengaturan kelas. Ini juga membantu Anda mengatur opsi dan variabel konfigurasi pengguna. Lihatlah sintaks berikut dari opsi inisialisasi.

Sintaksis

var Myclass = new Class({
   //Define an initalization function with one parameter
   initialize : function(user_input){
      //create a value variable belonging to
      //this class and assign it the value
      //of the user input
      this.value = user_input;
   }
})

Menerapkan Opsi

Opsi penerapan sangat membantu untuk menerima masukan pengguna dan membangun kelas. Menambahkan fungsionalitas opsi ke kelas Anda semudah menambahkan kunci / pasangan lain ke opsi inisialisasi untuk kelas Anda. Setelah penyiapan ini siap, Anda dapat mengganti salah satu atau semua opsi default dengan meneruskan pasangan kunci / nilai. Ini menyediakan metode setOptions. Metode ini memungkinkan Anda menyetel opsi setelah kelas diinisialisasi. Jika Anda ingin mengakses variabel dari dalam kelas, gunakan sintaks berikut.

Sintaksis

var Class_four = new Class({
   Implements: Options,
   
   options: {
      option_one : "Default Value For First Option",
      option_two : "Default Value For Second Option",
   },
   initialize: function(options){
      this.setOptions(options);
   },
   show_options : function(){
      alert(this.options.option_one + "\n" + this.options.option_two);
   },
});

var run_demo_4 = function(){
   var demo_4 = new Class_four({
      option_one : "New Value"
   });
   demo_4.show_options();
}

var run_demo_5 = function(){
   var demo_5 = new Class_four();
   demo_5.show_options();
   demo_5.setOptions({option_two : "New Value"});
   demo_5.show_options();
}

//Create a new class_four class with
//a new option called new_variable
var run_demo_6 = function(){
   var demo_6 = new Class_four({new_option : "This is a new option"});
   demo_6.show_options();
}