MooTools - Lớp học

MooTools chứa các lớp API khác nhau. Xem xét kiến ​​thức cơ bản về cách tạo và sử dụng các lớp với MooTools. Một lớp là một vùng chứa cho một tập hợp các biến và hàm hoạt động trên các biến đó để thực hiện các tác vụ cụ thể.

Hãy để chúng tôi thảo luận chi tiết về các biến, phương pháp và tùy chọn.

Biến

Tạo một biến là một nhiệm vụ rất đơn giản. Nó giống như khai báo một cặp khóa / giá trị trong các hàm băm. Tương tự, bạn có thể truy cập các biến theo cùng một cách có nghĩa là <class_name.variable>. Hãy xem cú pháp sau để tạo và truy cập các biến trong các lớp.

Cú pháp

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

Phương pháp

Nói chung, một Phương thức là một hàm sử dụng một tập hợp các lệnh thuộc về một lớp cụ thể. Bạn có thể gọi các hàm này bằng cách sử dụng thể hiện của lớp. Một điều nữa bất cứ khi nào bạn muốn gọi biến cá thể vào hàm, bạn phải sử dụngthistừ khóa. Hãy xem cú pháp sau để tạo và truy cập các phương thức.

Cú pháp

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

khởi tạo

khởi tạo là một tùy chọn trong đối tượng lớp. Điều này giúp bạn tạo thiết lập lớp Điều này cũng giúp bạn thiết lập các tùy chọn và biến cấu hình người dùng. Hãy xem cú pháp sau của tùy chọn khởi tạo.

Cú pháp

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

Các tùy chọn triển khai

Các tùy chọn triển khai rất hữu ích để chấp nhận đầu vào của người dùng và xây dựng các lớp. Việc thêm chức năng tùy chọn vào lớp của bạn cũng đơn giản như thêm một khóa / cặp khóa khác vào các tùy chọn khởi tạo cho lớp của bạn. Khi thiết lập này đã sẵn sàng, bạn có thể ghi đè bất kỳ hoặc tất cả các tùy chọn mặc định bằng cách chuyển các cặp khóa / giá trị. Nó cung cấp phương thức setOptions. Phương thức này cho phép bạn thiết lập các tùy chọn khi lớp đã được khởi tạo. Nếu bạn muốn truy cập biến từ bên trong lớp, hãy sử dụng cú pháp sau.

Cú pháp

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