MooTools包含不同API的类.查看使用MooTools创建和使用类的基础知识.类是变量和函数集合的容器,它们对这些变量进行操作以执行特定任务.
让我们详细讨论变量,方法和选项.
变量
创建变量是一项非常简单的任务.就像在哈希中声明键/值对一样.同样,您可以使用相同的方式访问变量,这意味着< class_name.variable >.请查看以下用于在类中创建和访问变量的语法.
语法
//Create a new class named class_one//with two internal variablesvar 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 );}
方法
通常,Method是一个使用一组指令的函数,属于一个特定的类.您可以使用类的实例来调用这些函数.还有一件事,无论何时想要将实例变量调用到函数中,都必须使用 this 关键字.请查看以下用于创建和访问方法的语法.
语法
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
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方法.此方法允许您在初始化类后设置选项.如果要从类中访问变量,请使用以下语法.
语法
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_variablevar run_demo_6 = function(){ var demo_6 = new Class_four({new_option : "This is a new option"}); demo_6.show_options();}