当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 给Function做的OOP扩展

Javascript
javascript下操作css的float属性的特殊写法
javascript之DIV拖动类 支持在FF下拖动,调用简单
Expandable "Detail" Table Rows
用javascript实现给出的盒子的序列是否可连为一矩型
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
JS创建优美的页面滑动块效果 - Glider.js
发一个比较漂亮的选项卡动态增删的效果
可多次使用的仿126邮箱选项卡的源码
javascript仿XP关机效果的弹出窗口功能
JS控制CSS样式的方法
非常漂亮的JS代码经典广告
推荐自用 Javascript 缩图函数 (onDOMLoaded)……
几个不错的自动收缩菜单导航效果
iframe src为图片时的高度自适应的代码
论坛转贴工具中用到的正则表达式学习正则的好例子
用javascript实现的不错的一款网页选项卡
摘自百度的图片轮换效果代码
用javascript实现旋转图片效果的代码
javascript 制作坦克大战游戏初步 图片与代码
比较简单的jquery教程 Easy Ajax with jQuery 中文版全集

Javascript 中的 给Function做的OOP扩展


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 347 ::
收藏到网摘: n/a

自编框架Megami的一部分……现在发现自己实在太宅了…… 文件中出现的名字请对号入座……
复制代码 代码如下:

// 下面是OOP用的方法
// 这样很猥琐……因为JS并不是OOP语言……
// 但伟大的伍迷指引我们来这么干
// Belldandy会保佑用这些方法来OOP的人的……
Function.prototype.inherits = function(base){
//派生关系,保留了prototype
//只支持单派生
this.prototype = new base();
return this;
}
Function.prototype.create = function(){
//类的创建器,和用new等价
//JS不支持在构造器用call和apply,所以……
//Belldandy啊,感谢你告诉我怎么解决这个问题啊……
var _args = [];
for(i=0;i<arguments.length;i++) _args.push('arguments['+i+']');
return eval('new this('+_args.join(',')+')'); //eval都用上了……Bell啊,下次给个好点的主意吧……
}
Function.prototype.pin = function(pinner,args){
// 注册服务,或者叫“pin”服务
// EventManager就可以这么干
// 你也可以认为实现了有默认实现的接口……
// 例如,pin EventManager就可以这样:Class.pin(core.WvwntManager)
args = args || [];
pinner.apply(this.prototype,args);
return this;
}
Function.prototype.method = function(name, f) { //添加方法,高效
if (!(f instanceof Function)) throw new Error('方法绑定无效,得到类型'+typeof f+';期待为function');
this.prototype[name] = f;
return this
}
Function.prototype.property = function(name, localName, getter, setter) { //添加属性,可自定getter、setter
if (!name || !name instanceof String) throw new EnvironmentException('定义属性时,属性名没有定义,或者不是字符串');
if (!localName || !localName instanceof String) localName = '_local_' + name;
if(getter instanceof Function) {
this.prototype['_belldandy_get_'+name] = getter;
}
if(setter instanceof Function){
this.prototype['_belldandy_set_'+name] = setter;
}
this.prototype[name] = new Function("value , force"," \
if (!value && !force) { \
if (!this['"+'_belldandy_get_'+name+"'] || !this['"+'_belldandy_get_'+name+"'] instanceof Function) \
return this['"+localName+"']; /* 没有设置getter时 */\
else \
return this['"+'_belldandy_get_'+name+"'].call(this); \
} else { \
if (!this['"+'_belldandy_set_'+name+"'] || !this['"+'_belldandy_set_'+name+"'] instanceof Function) \
this['"+localName+"'] = value; \
else\
this['"+'_belldandy_set_'+name+"'].call(this, value); \
return this\
}") //Belldandy啊,饶恕我吧,虽然这样不产生闭包
return this;
}
Function.prototype.static = function(name,value){ //静态特征,包括属性和方法
this[name] = value;
return this;
}

使用效果如下:
复制代码 代码如下:

function foo() { };
foo
.property('a', '_a')
.property('b', '_b', function() { return this._b + '.' })
.method('f', function() { dwn(this.a()) });
function bar(x,y){this.x = x;this.y = y;};
with(bar){
inherits(foo)
method('g',function(){dwn(this.a()+'-'+this.b())})
}
var f = new foo();
f.a(1);
f.b(2);
dwn(f.a());
dwn(f.b());
f.f();
b = bar.create(1,2);
b.a(4);
b.b(5);
dwn(b.x+','+b.y);
b.g();
//dwn自己参阅月影的书