Mootools 1.2教程(18)——Class 类(第一部分)

原文地址：30 Days of Mootools 1.2 Tutorials - Day 18 - Classes part I

Class（类）（第一部分）

阅读上一讲：Mootools 1.2教程(17)——手风琴插件

今天我们将讲一下用MooTools来创建和使用类的一些基本知识。

简单地讲，一个类就是一个容器，这个容器包含了一些变量集合和操作这些变量的函数，以便实现特定的功能。在一个内容牵涉较多的项目中，类会显得难以置信的有用。

变量

在前面一系列的课程中，我们已经学习过了Hash对象中键值对（key/value pair）的使用方式，因此，下面的这个例子中创建了一个类，它只包含了一些变量，你看起来可能会觉得非常的熟悉：

参考代码： 

// 创建一个名为class_one的类 
// 包含两个内部变量 
var Class_one = new Class({ 
    variable_one : "I'm First", 
    variable_two : "I'm Second" 
});

类似地，你可以通过类似访问hash中的变量的方式来访问其中的变量，注意一下，在下面的代码中，我们创建了一个我们在上面定义的Class_one类的实例。

参考代码：  

var run_demo_one = function(){ 
    // 创建类Class_one的一个实例，名称为demo_1 
    var demo_1 = new Class_one(); 
    // 显示demo_1中的变量 
    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); 
    } 
});

注意一下上面例子中的关键字this的使用。由于在上面的方法中操作的变量都是类内部的变量，因此你需要通过使用关键字this来访问这些变量，否则你将只能得到一个undefined值。

参考代码： 

// 正确 
working_method : function(){ 
    alert('First Value : ' + this.variable_one); 
}, 
// 错误 
broken_method : function(){ 
    alert('Second Value : ' + variable_two); 
}

调用新创建的类中的方法就像访问那些类的变量一样。

参考代码： 

var run_demo_2 = function(){ 
    // 实例化一个类class_two 
    var demo_2 = new Class_two(); 
    // 调用function_one 
    demo_2.function_one(); 
    // 调用function_two 
    demo_2.function_two(); 
}