码迷,mamicode.com
首页 > 其他好文 > 详细

装饰者模式

时间:2017-06-28 18:53:19      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:msu   func   处理   中间   获取   插件   参数   实例   strong   

装饰者与继承?

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

例: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

  

 

装饰者模式

标签:msu   func   处理   中间   获取   插件   参数   实例   strong   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!