javascript currying返回函數(shù)的函數(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í)行才最終完成。不過(guò)針對(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ù)不足問(wèn)題,傳入一個(gè)參數(shù),它也計(jì)算。但不傳入?yún)?shù)呢?無(wú)錯(cuò),區(qū)別在于有沒有參數(shù)。我們可以讓它不斷執(zhí)行自身,如果參數(shù)存在的情況下。最后在沒有參數(shù)的情況下,一次過(guò)執(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ù)組
}
}
}([]);
};
或者每次傳入多個(gè)參數(shù):
但上面的函數(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)文章
JS函數(shù)arguments數(shù)組獲得實(shí)際傳參數(shù)個(gè)數(shù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇JS函數(shù)arguments數(shù)組獲得實(shí)際傳參數(shù)個(gè)數(shù)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05使用?Schema-Utils?對(duì)?Webpack?Plugin?進(jìn)行配置項(xiàng)校驗(yàn)的簡(jiǎn)單用例
schema-utils?庫(kù)用于在?loader?和?plugin?實(shí)例化時(shí),對(duì)傳入的參數(shù)進(jìn)行校驗(yàn),本文重點(diǎn)給大家介紹使用?Schema-Utils?對(duì)?Webpack?Plugin?進(jìn)行配置項(xiàng)校驗(yàn)的用例詳解,感興趣的朋友一起看看吧2022-03-03Taro小程序自定義頂部導(dǎo)航欄功能的實(shí)現(xiàn)
這篇文章主要介紹了Taro小程序自定義頂部導(dǎo)航欄功能的實(shí)現(xiàn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-12-12基于Bootstrap里面的Button dropdown打造自定義select
這篇文章主要介紹了基于Bootstrap里面的Button dropdown打造自定義select的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-05-05JS實(shí)現(xiàn)帶緩沖效果打開、關(guān)閉、移動(dòng)一個(gè)層的方法
這篇文章主要介紹了JS實(shí)現(xiàn)帶緩沖效果打開、關(guān)閉、移動(dòng)一個(gè)層的方法,涉及javascript鼠標(biāo)事件及頁(yè)面元素操作技巧,需要的朋友可以參考下2015-05-05JS實(shí)現(xiàn)簡(jiǎn)單的九宮格抽獎(jiǎng)
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)單的九宮格抽獎(jiǎng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-06-06微信小程序使用progress組件實(shí)現(xiàn)顯示進(jìn)度功能【附源碼下載】
這篇文章主要介紹了微信小程序使用progress組件實(shí)現(xiàn)顯示進(jìn)度功能,涉及progress組件相關(guān)屬性設(shè)置操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12