程序员人生 网站导航

Mootools中使用extend和implement给你的函数扩展功能或方法

栏目:jscript时间:2014-02-16 19:46:33

当然了,所谓的给函数扩展功能或方法指的是不修改原函数的前提下.
很多人都知道Mootools面向对象的机制不错,不过多数人都把面向对象理解错了,认为面向对象就是类,其实不然,面向对象的范围是非常广的.

那么我的这篇文章实际上就是面向对象的一种应用,只不过这个对象是一个function,而并非class.

//给指定Function扩展新的方法或属性
var Fun=function(){
  alert('a')
};
Fun.extend({
  aa:function(){
    alert('b');
  }
});
Fun();
Fun.aa();

在上边这段代码中函数Fun唯一的用途就是用来输出a这个字符,此时我们把这个函数理解成是一个对象,那如果我们要给这个函数增加一个新的方法,让他除了能输出a之外还能输出b

因此我就是用了extend对Fun这个对象进行了一次方法扩展,注意扩展之后的方法调用的时候会略有不同.

下边的例子同时演示了如何扩展属性和方法.

var arr=[];
var Fun=function(){
arr=[1,2];
};
Fun.extend({
len:function(){//给Fun扩展属性
return arr.length;
},
add:function(val){//给Fun扩展方法
arr.push(val);
}
});

var a=Fun.len(arr);
alert(a+'|'+arr);//此时输出:0|

Fun();//调用此函数给arr赋值

var a=Fun.len();
alert(a+'|'+arr);//此时输出:2|1,2

Fun.add('新的');

var a=Fun.len();
alert(a+'|'+arr);//此时输出:3|1,2,新的

Fun.add(['a','b','c']);

var a=Fun.len();
alert(a+'|'+arr);//此时输出:4|1,2,新的,a,b,c

len是我扩展的属性,用来取得arr的length数,而add则是一个方法,用来给arr这个array添加新的值

implement是用来给所有的函数扩展方法的,其实很好理解,我们已经知道在Mootools中有pass,bind,delay等等的方法,这些方法都是Mootools为我们预定义的

但是如果你在实际开发过程中发现他为我们预定义的方法不能满足我们的需求,此时怎么办呢,很简单,只要自己扩展就好了,看下边:

//扩展新的Function
var a=function(){};
var b=function(){};
Function.implement({
alert:function(msg){//直接alert输出内容
alert(msg);
},
output:function(msg){//firebug的控制台会输出内容,IE会报错
console.log(msg);
}
});
a.alert('1');
a.output('2');
b.output('3');

看过这篇文章之后您是否对Mootools的面向对象有了一个新的认识呢?

(文章来源:http://see7di.cnblogs.com)

------分隔线----------------------------
------分隔线----------------------------

最新技术推荐