MooTools - Sınıflar

MooTools, farklı API sınıflarını içerir. MooTools ile sınıf oluşturmanın ve kullanmanın temellerine bakın. Sınıf, belirli görevleri gerçekleştirmek için bu değişkenler üzerinde çalışan bir dizi değişken ve işlev için bir konteynerdir.

Değişkenleri, yöntemleri ve seçenekleri ayrıntılı olarak tartışalım.

Değişkenler

Değişken oluşturmak çok basit bir iştir. Karma şeklinde bir anahtar / değer çifti bildirmek gibidir. Benzer şekilde, değişkenlere aynı şekilde erişebilirsiniz, yani <class_name.variable>. Sınıflarda değişken oluşturmak ve bunlara erişmek için aşağıdaki sözdizimine bir göz atın.

Sözdizimi

//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 );
}

Yöntemler

Genel olarak, bir Yöntem, belirli bir sınıfa ait olan bir dizi talimatı kullanan bir işlevdir. Sınıfın örneğini kullanarak bu işlevleri çağırabilirsiniz. Örnek değişkenini kullanmanız gereken işleve çağırmak istediğinizde bir şey daha varthisanahtar kelime. Yöntemleri oluşturmak ve bunlara erişmek için aşağıdaki sözdizimine bir göz atın.

Sözdizimi

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();
}

başlatmak

initialize, sınıf nesnesindeki bir seçenektir. Bu, bir sınıf kurulumu oluşturmanıza yardımcı olur. Bu ayrıca kullanıcı yapılandırma seçeneklerini ve değişkenleri ayarlamanıza yardımcı olur. Aşağıdaki başlatma seçeneğinin sözdizimine bir göz atın.

Sözdizimi

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;
   }
})

Uygulama Seçenekleri

Uygulama seçenekleri, kullanıcı girdilerini kabul etmek ve sınıfları oluşturmak için çok faydalıdır. Seçenekler işlevselliğini sınıfınıza eklemek, sınıfınız için başlatma seçeneklerine başka bir anahtar / çift eklemek kadar basittir. Bu kurulum hazır olduğunda, anahtar / değer çiftlerini ileterek varsayılan seçeneklerden herhangi birini veya tümünü geçersiz kılabilirsiniz. SetOptions yöntemini sağlar. Bu yöntem, sınıf başlatıldıktan sonra seçenekleri ayarlamanıza izin verir. Değişkene sınıfın içinden erişmek istiyorsanız, aşağıdaki sözdizimini kullanın.

Sözdizimi

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();
}