Mootools中使用extend和implement给你的函数扩展功能或方法
来源:互联网 发布:淘宝网络兼职怎么做 编辑:程序博客网 时间:2024/05/16 09:36
当然了,所谓的给函数扩展功能或方法指的是不修改原函数的前提下.
很多人都知道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的面向对象有了一个新的认识呢?
0 0
- Mootools中使用extend和implement给你的函数扩展功能或方法
- JAVA中extend和implement的区别
- mootools中父类子类Extends,extend,Implements,implement的一个例子
- jquery的extend和fn.extend (扩展jQuery类或jQuery对象方法)
- 关于AJAX中mootools方法的使用
- mootools类扩展的一个练习实例(class ,extend)
- Mootools Tab 控件的使用与扩展
- JQuery的extend扩展方法
- JQuery的extend扩展方法
- JQuery的extend扩展方法
- jQuery 的 extend 扩展方法
- JQuery的extend扩展方法
- jquery中extend和fn.extend的使用
- 【jQuery】使用$.extend()扩展工具函数
- [JQ权威指南]使用$.extend()扩展函数
- jQuery扩展插件方法 $.extend()和$.fn.extend()
- C#中扩展类和扩展方法的使用
- jQuery.extend扩展函数的用法
- 我写的类似本站首页左上角的菜单的效果插件,基于MooTools 1.4
- 頹廢與心醉
- Jquery内存溢出实况,录像会说话
- Mootools中delay这个延迟函数的高级用法
- Mootools中使用bind给函数绑定对象
- Mootools中使用extend和implement给你的函数扩展功能或方法
- 自己写个扩展把Mootools的语法改的和Jquery的语法一模一样
- Android中SQLite应用详解
- 一周学会Mootools 1.4中文教程:(4)类型
- Mootools1.4中自定义事件
- 一周学会Mootools 1.4中文教程:(5)Ajax
- 刚用Mootools写了一个随着鼠标移动而背景图也跟着移动的东西
- 一周学会Mootools 1.4中文教程:(6)动画
- 一周学会Mootools 1.4中文教程:(7)汇总收尾