MooTools - Classi

MooTools contiene classi di diverse API. Guarda le basi della creazione e dell'utilizzo delle classi con MooTools. Una classe è un contenitore per una raccolta di variabili e funzioni che operano su tali variabili per eseguire attività specifiche.

Discutiamo in dettaglio le variabili, i metodi e le opzioni.

Variabili

La creazione di una variabile è un'operazione molto semplice. È come dichiarare una coppia chiave / valore negli hash. Allo stesso modo, puoi accedere alle variabili nello stesso modo che significa <class_name.variable>. Dai un'occhiata alla seguente sintassi per la creazione e l'accesso alle variabili nelle classi.

Sintassi

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

Metodi

In generale, un metodo è una funzione che utilizza un insieme di istruzioni che appartiene a una classe specifica. È possibile chiamare queste funzioni utilizzando l'istanza della classe. Ancora una cosa ogni volta che vuoi chiamare la variabile di istanza nella funzione che devi usarethisparola chiave. Dai un'occhiata alla seguente sintassi per la creazione e l'accesso ai metodi.

Sintassi

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

inizializzare

inizializzare è un'opzione nell'oggetto classe. Questo ti aiuta a creare una configurazione di classe Questo aiuta anche a impostare le opzioni e le variabili di configurazione dell'utente. Dai un'occhiata alla seguente sintassi dell'opzione di inizializzazione.

Sintassi

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

Opzioni di implementazione

Le opzioni di implementazione sono molto utili per accettare gli input degli utenti e creare classi. Aggiungere la funzionalità delle opzioni alla tua classe è semplice come aggiungere un'altra chiave / coppia alle opzioni di inizializzazione della tua classe. Una volta che questa configurazione è pronta, puoi sovrascrivere una o tutte le opzioni predefinite passando le coppie chiave / valore. Fornisce il metodo setOptions. Questo metodo consente di impostare le opzioni una volta che la classe è stata inizializzata. Se vuoi accedere alla variabile dall'interno della classe, usa la seguente sintassi.

Sintassi

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