网络编程
位置:首页>> 网络编程>> JavaScript>> Mootools 1.2教程(21)——类(二)(3)

Mootools 1.2教程(21)——类(二)(3)

作者:Fdream 来源:Fdream博客 发布时间:2008-12-28 20:58:00 

标签:mootools,类,javascript,ajax,教程


.implement()方法

你不仅可以使用implements和extends来扩展你的类定义,你还可以使用它们原有的类来一次添加一个功能。在下面的这个示例中,我们将使用一个简单的计算器类(calculator),定义这个类的时候,我们只给了它一个对两个数字做加法运算和一个做减法运算的功能。

参考代码: 

var Calculator = new Class({ 
    // 在初始化的时候指定两个数字 
    initialize: function(first_number, second_number){ 
        this.first  = first_number; 
        this.second = second_number; 
    }, 
    // 把两个数字相加 
    // 并返回结果 
    add : function(){ 
        result = this.first + this.second; 
        alert(result); 
    }, 
    // 把两个数字相减 
    // 并返回结果 
    subtract : function(){ 
        result = this.first - this.second; 
        alert(result); 
    } 

});


如果你只是要对数字做加法或者减法运算,这一切看起来都很好,但是,如果你要对它们做乘法怎么办呢?使用.implement();方法,我们可以给这个类添加一个功能,就像我们已经创建了另外一个以Calculator类为基类的类一样。

参考代码: 

var demo_six = function(){ 
    // 为Calculator类实现 
    // 实现一个方法 
    Calculator.implement({ 
        // 把两个数字相乘 
        // 并返回结果 
        multiply : function(){ 
            result = this.first * this.second; 
            alert(result); 
        } 
    });     

    // 建立一个Calculator类实例 
    var myCalculator = new Calculator(100, 50); 

    // 调用multiply方法 
    myCalculator.multiply(); 
}



在类教程的第一部分中,我们使用了print_r这个函数来调试javascript。使用implement方法,我们可以让它非常轻松地打印出出一个类中的变量值,只要在Calculator中实现这个方法就行了。

参考代码:  

var demo_seven = function(){ 
    // 为Calculator类实现一个方法 
    // 用来打印这个类里面的内容 
    Calculator.implement({ 
        show_class : function(){ 
            alert(print_r(this, true)); 
        } 
    }); 

    // 建立一个Calculator类实例 
    var myCalculator = new Calculator(100, 50); 

    // 显示类的详细信息 
    myCalculator.show_class();

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com