Учебники

MooTools — Классы

Сентябрь 8, 2018

MooTools содержит классы различных API. Посмотрите основы создания и использования классов с MooTools. Класс — это контейнер для коллекции переменных и функций, которые работают с этими переменными для выполнения определенных задач.

Давайте обсудим переменные, методы и параметры в деталях.

переменные

Создание переменной — очень простая задача. Это похоже на объявление пары ключ / значение в хешах. Точно так же вы можете обращаться к переменным таким же образом, что означает < class_name.variable >. Взгляните на следующий синтаксис для создания и доступа к переменным в классах.

Синтаксис 

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

методы

В общем, метод — это функция, которая использует набор инструкций, принадлежащих определенному классу. Вы можете вызывать эти функции, используя экземпляр класса. Еще одна вещь, когда вы хотите вызвать переменную экземпляра в функцию, вы должны использовать это ключевое слово. Посмотрите на следующий синтаксис для создания и доступа к методам.

Синтаксис 

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

инициализировать

initialize — это опция в объекте класса. Это поможет вам создать настройку класса. Это также поможет вам настроить параметры и переменные конфигурации пользователя. Взгляните на следующий синтаксис опции инициализации.

Синтаксис 

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

Варианты реализации

Варианты реализации очень полезны для принятия пользовательских входных данных и построения классов. Добавление функциональности параметров в ваш класс так же просто, как добавление еще одного ключа / пары к опциям инициализации для вашего класса. Как только эта настройка будет готова, вы можете переопределить любой или все параметры по умолчанию, передавая пары ключ / значение. Он предоставляет метод setOptions. Этот метод позволяет вам установить параметры после инициализации класса. Если вы хотите получить доступ к переменной внутри класса, используйте следующий синтаксис.

44
Share: