javascript的currying函數(shù)介紹
//http://www.openlaszlo.org/pipermail/laszlo-user/2005-March/000350.html
// ★★On 8 Mar 2005, at 00:06, Steve Albin wrote:
function add(a, b) {
if (arguments.length < 1) {
return add;
} else if (arguments.length < 2) {
return function(c) { return a + c }
} else {
return a + b;
}
}
var myadd = add( 2 );
var total = myadd(3);
日本的一個(gè)先行者可能在未搞清arguments也能用Array的原生方法轉(zhuǎn)換為數(shù)組的時(shí)候,用非常復(fù)雜的正則與eval搞出一個(gè)更接近現(xiàn)代currying意味的函數(shù)。
function curry(fun) {
if (typeof fun != 'function') {
throw new Error("The argument must be a function.");
}
if (fun.arity == 0) {
throw new Error("The function must have more than one argument.");
}
var funText = fun.toString();
var args = /function .*\((.*)\)(.*)/.exec(funText)[1].split(', ');
var firstArg = args.shift();
var restArgs = args.join(', ');
var body = funText.replace(/function .*\(.*\) /, "");
var curriedText =
"function (" + firstArg + ") {" +
"return function (" + restArgs + ")" + body +
"}";
eval("var curried =" + curriedText);
return curried;
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
接著是閉包的流行,與數(shù)組轉(zhuǎn)換arguments的技術(shù)的發(fā)現(xiàn),現(xiàn)代currying函數(shù)終于粉墨登場(chǎng),就好像15~17世紀(jì)大航海時(shí)代的地理大發(fā)現(xiàn),javascript的世界突然間開闊了許多。
//一個(gè)簡(jiǎn)單的現(xiàn)代currying函數(shù)
function curry (fn, scope) {
var scope = scope || window;
var args = [];
for (var i=2, len = arguments.length; i < len; ++i) {
args.push(arguments[i]);
};
return function() {
fn.apply(scope, args);
};
}
一般的currying函數(shù)只有兩重,執(zhí)行情況如下,第一次執(zhí)行參數(shù)不足返回內(nèi)部函數(shù),第二次執(zhí)行才最終完成。不過針對(duì)這參數(shù),我們還是可以做一些文章。看如下函數(shù):
function sum(){
var result=0;
for(var i=0, n=arguments.length; i<n; i++){
result += arguments[i];
}
return result;
}
alert(sum(1,2,3,4,5)); // 15
這就沒有所謂的參數(shù)不足問題,傳入一個(gè)參數(shù),它也計(jì)算。但不傳入?yún)?shù)呢?無(wú)錯(cuò),區(qū)別在于有沒有參數(shù)。我們可以讓它不斷執(zhí)行自身,如果參數(shù)存在的情況下。最后在沒有參數(shù)的情況下,一次過執(zhí)行。換言之,前面的步驟是用于儲(chǔ)存參數(shù)。
var sum2= curry(sum);
sum2= sum2(1)(2)(3)(4)(5);
sum2(); // 15
比起一般的currying函數(shù),這有點(diǎn)難度。具體看注解:
var curry= function(fn){//原函數(shù)的參數(shù)為函數(shù)
return function(args){//內(nèi)部函數(shù)的參數(shù)為數(shù)組,由于立即執(zhí)行,因此直接到第三重去
//args是相對(duì)于第三重內(nèi)部函數(shù)可是全局變量
var self= arguments.callee;//把自身保存起來(lái)(就是那個(gè)數(shù)組為參數(shù)的第二重函數(shù))
return function(){ //這才是第二次調(diào)用的函數(shù)
if(arguments.length){//如果還有要添加的參數(shù)
[].push.apply(args,arguments);//apply把當(dāng)前傳入的所有參數(shù)放進(jìn)args中
return self(args);
}else{
return fn.apply(this,args);//apply的第二參數(shù)為數(shù)組
}
}
}([]);
};
function sum(){
var result=0;
for(var i=0, n=arguments.length; i<n; i++){
result += arguments[i];
}
return result;
};
var curry = function(fn){//原函數(shù)的參數(shù)為函數(shù)
return function(args){//內(nèi)部函數(shù)的參數(shù)為數(shù)組,由于立即執(zhí)行,因此直接到第三重去
var self= arguments.callee;//把自身保存起來(lái)
return function(){ //這才是第二次調(diào)用的函數(shù)
if(arguments.length){//如果還有要添加的參數(shù)
[].push.apply(args,arguments);
return self(args);
}
else return fn.apply(this,args);//執(zhí)行
}
}([]);
};
var sum2= curry(sum);
sum2= sum2(1)(2)(3)(4)(5);
alert(sum2());
或者每次傳入多個(gè)參數(shù):
function sum(){
var result=0;
for(var i=0, n=arguments.length; i<n; i++){
result += arguments[i];
}
return result;
};
var curry = function(fn){//原函數(shù)的參數(shù)為函數(shù)
return function(args){//內(nèi)部函數(shù)的參數(shù)為數(shù)組,由于立即執(zhí)行,因此直接到第三重去
var self= arguments.callee;//把自身保存起來(lái)
return function(){ //這才是第二次調(diào)用的函數(shù)
if(arguments.length){//如果還有要添加的參數(shù)
[].push.apply(args,arguments);
return self(args);
}
else return fn.apply(this,args);//執(zhí)行
}
}([]);
};
var sum2= curry(sum);
sum2= sum2(1,2,3);
sum2= sum2(4,5,6);
sum2= sum2(7,8,9);
alert(sum2());
但上面的函數(shù)有不足之處,最后怎么也要放個(gè)括號(hào),我們想只要參數(shù)足夠就返回結(jié)果,多出的參數(shù)忽略。改進(jìn)如下:
function curry(f) {
if (f.length == 0) return f;
function iterate(args) {
if (args.length <= f.length)
return f.apply(null, args);
return function () {
return iterate(args.concat(Array.prototype.slice.call(arguments)));
};
}
return iterate([]);
}
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
window.event.srcElement 得到事件源對(duì)象
window.event.srcElement 得到事件源對(duì)象代碼,大家可以參考腳本之家以前發(fā)的代碼,多瀏覽兼容的。2009-05-05js中的for如何實(shí)現(xiàn)foreach中的遍歷
js中沒有foreach這個(gè)關(guān)鍵字,但是可以用var v in array來(lái)實(shí)現(xiàn)遍歷,下面有個(gè)不錯(cuò)的示例,大家可以參考下2014-05-05關(guān)于window.pageYOffset和document.documentElement.scrollTop
window.pageYOffset:Netscape屬性,指的是滾動(dòng)條頂部到網(wǎng)頁(yè)頂部的距離2011-04-04詳解weex默認(rèn)webpack.config.js改造
本篇文章主要介紹了詳解weex默認(rèn)webpack.config.js改造,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2018-01-01ES6擴(kuò)展運(yùn)算符的理解與使用場(chǎng)景
擴(kuò)展運(yùn)算符( spread )是三個(gè)點(diǎn)(...),它好比 rest 參數(shù)的逆運(yùn)算,將一個(gè)數(shù)組轉(zhuǎn)為用逗號(hào)分隔的參數(shù)序列,這篇文章主要給大家介紹了關(guān)于ES6擴(kuò)展運(yùn)算符的理解與使用場(chǎng)景的相關(guān)資料,需要的朋友可以參考下2021-09-09微信開發(fā) 使用picker封裝省市區(qū)三級(jí)聯(lián)動(dòng)模板
這篇文章主要學(xué)習(xí)微信開發(fā),如何使用picker封裝省市區(qū)三級(jí)聯(lián)動(dòng)模板,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-10-10JS實(shí)現(xiàn)線性表的鏈?zhǔn)奖硎痉椒ㄊ纠窘?jīng)典數(shù)據(jù)結(jié)構(gòu)】
這篇文章主要介紹了JS實(shí)現(xiàn)線性表的鏈?zhǔn)奖硎痉椒?簡(jiǎn)單講解了線性表鏈?zhǔn)奖硎镜脑聿⒔Y(jié)合實(shí)例形式分析了js針對(duì)線性表鏈?zhǔn)奖硎镜膭?chuàng)建、插入、刪除等節(jié)點(diǎn)操作技巧,需要的朋友可以參考下2017-04-04Javascript 各瀏覽器的 Javascript 效率對(duì)比
2008-01-01