雨夜带刀

最近在看司徒正美的ajax框架代码的时候发现一段有意思的代码：

"get post".replace( dom.rword, function(method){
	dom[ method ] = function( url, data, callback, type ) {
		if ( dom.isFunction(data) ) {
			type = type || callback;
			callback = data;
			data = undefined;
		}
		return dom.ajax({
			type: method,
			url: url,
			data: data,
			success: callback,
			dataType: type
		});
	};
});

从ajax框架代码中提取出来的，无法单独运行，我再加点代码让这段代码可以正常运行：

var dom = {
	rword : /[^, ]+/g,
	isFunction : function( obj ){
		return typeof obj === 'function';
	},
	ajax : function( options ){
		console.debug( options );
	}	
};	

调用的结果如下：

alert( typeof dom.get === 'function' );  //true
alert( typeof dom.post === 'function' ); //true

replace()方法可以用来替换和搜索字符串，第一个参数是一个正则表达式，第二个参数是要进行替换的字符串，第二个参数还可以是一个函数。上面的代码中，replace()的第二个参数就是一个函数，使用replace()方法生成了两个几乎一样的函数，如果按照常规的写法要定义两个函数肯定是要一个一个的来写，如果将上面的函数进行拆分，可以写成下面的形式：

dom.get = function( url, data, callback, type ) {
		if ( dom.isFunction(data) ) {
			type = type || callback;
			callback = data;
			data = undefined;
		}
		return dom.ajax({
			type: 'get',
			url: url,
			data: data,
			success: callback,
			dataType: type
		});
	};
};

dom.post = function( url, data, callback, type ) {
		if ( dom.isFunction(data) ) {
			type = type || callback;
			callback = data;
			data = undefined;
		}
		return dom.ajax({
			type: 'post',
			url: url,
			data: data,
			success: callback,
			dataType: type
		});
	};
};

如果几个函数体基本都相同的函数使用replace()方法来写，可以大大节省代码量，这个办法太精妙了。