首页 > 其他 > 详细

装饰者模式

时间:2017-06-28 17:50:25      阅读:239      评论:0      收藏:0      [点我收藏+]

装饰者与继承?

使用继承,完成一些复用的功能,有可能创建出大量的子类。

例:4种不同类型的自行车。假设需要给他们分别装上 前灯,尾灯,铃铛3种配件。3*4=12个子类。。

若将配件以对象动态组合到自行车,只需增加3个类。??有“即用即付” 方式?

装饰者:将一个对象嵌入另一个对象之中,形成一条包装链,依次传递到所有的对象,没个对象都有处理这条请求的机会。

一。装饰的一种表现:缺点:1.中间变量增多 2.this会遇到劫持的问题。

window.onload = function(argument) {  //别人写的。
	alert(1);
}

var _onload = window.onload || function(){};   //因为都是window,没有发生劫持,假如是 document.getElementById;


window.onload = function(){
	_onload();   //假如是document.getElementById;,这个就获取不到id,因为this变成了window...
	alert(2);  //我们增加的。缺点:中间变量增多 2.this会遇到劫持的问题。
}

 

二。AOP装饰函数。

 

//应用实例:
// 1.统计上报 2.动态改变函数参数。 (before)3.插件式表单

1.插件式表单:将validate和fromSubmit分开。

 fromSubmit.before( validate );

2.动态改变函数参数。 假如在没个ajax中需要加个传token参数。 

var ajax = ajax.before( function( type, url, param ){
        param.Token = getToken();
})

3.

Function.prototype.after = function( fn ){
	var self = this;
	return function(){
		var ret = self.apply( this, arguments );
		if( ret == false ){
			return fn.apply( this, arguments );
		}

		return ret;
	}
}

Function.prototype.before = function( fn ){
	var self = this;
	return function(){
		fn.apply( this, arguments );

		return self.apply( this, arguments );

	}
}

  

注意:
如果在原函数上保存了一些属性,那么这些属性会丢失。

var func = function(){
	alert(1);
};
func.a = ‘a‘;

func = func.after( function(){
	alert(2);
})

alert( func.a )  //undefined

  

 

装饰者模式

原文:http://www.cnblogs.com/rainbow661314/p/7090743.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!