javascript currying返回函數(shù)的函數(shù)
更新時間:2009年11月09日 18:10:54 作者:
currying函數(shù)是一種返回函數(shù)的函數(shù),是閉包最偉大的應用之一。有關閉包更詳細的定義可參見這里與這里。如下currying函數(shù)的一種定義。
最早期的curry函數(shù)有點多態(tài)的意味,就是根據(jù)函數(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);
日本的一個先行者可能在未搞清arguments也能用Array的原生方法轉換為數(shù)組的時候,用非常復雜的正則與eval搞出一個更接近現(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需再刷新一下頁面才能執(zhí)行]
接著是閉包的流行,與數(shù)組轉換arguments的技術的發(fā)現(xiàn),現(xiàn)代currying函數(shù)終于粉墨登場,就好像15~17世紀大航海時代的地理大發(fā)現(xiàn),javascript的世界突然間開闊了許多。
//一個簡單的現(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ù)不足返回內部函數(shù),第二次執(zhí)行才最終完成。不過針對這參數(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ù)不足問題,傳入一個參數(shù),它也計算。但不傳入?yún)?shù)呢?無錯,區(qū)別在于有沒有參數(shù)。我們可以讓它不斷執(zhí)行自身,如果參數(shù)存在的情況下。最后在沒有參數(shù)的情況下,一次過執(zhí)行。換言之,前面的步驟是用于儲存參數(shù)。
var sum2= curry(sum);
sum2= sum2(1)(2)(3)(4)(5);
sum2(); // 15
比起一般的currying函數(shù),這有點難度。具體看注解:
var curry= function(fn){//原函數(shù)的參數(shù)為函數(shù)
return function(args){//內部函數(shù)的參數(shù)為數(shù)組,由于立即執(zhí)行,因此直接到第三重去
//args是相對于第三重內部函數(shù)可是全局變量
var self= arguments.callee;//把自身保存起來(就是那個數(shù)組為參數(shù)的第二重函數(shù))
return function(){ //這才是第二次調用的函數(shù)
if(arguments.length){//如果還有要添加的參數(shù)
[].push.apply(args,arguments);//apply把當前傳入的所有參數(shù)放進args中
return self(args);
}else{
return fn.apply(this,args);//apply的第二參數(shù)為數(shù)組
}
}
}([]);
};
或者每次傳入多個參數(shù):
但上面的函數(shù)有不足之處,最后怎么也要放個括號,我們想只要參數(shù)足夠就返回結果,多出的參數(shù)忽略。改進如下:
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需再刷新一下頁面才能執(zhí)行]
復制代碼 代碼如下:
//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);
日本的一個先行者可能在未搞清arguments也能用Array的原生方法轉換為數(shù)組的時候,用非常復雜的正則與eval搞出一個更接近現(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需再刷新一下頁面才能執(zhí)行]
接著是閉包的流行,與數(shù)組轉換arguments的技術的發(fā)現(xiàn),現(xiàn)代currying函數(shù)終于粉墨登場,就好像15~17世紀大航海時代的地理大發(fā)現(xiàn),javascript的世界突然間開闊了許多。
復制代碼 代碼如下:
//一個簡單的現(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ù)不足返回內部函數(shù),第二次執(zhí)行才最終完成。不過針對這參數(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ù)不足問題,傳入一個參數(shù),它也計算。但不傳入?yún)?shù)呢?無錯,區(qū)別在于有沒有參數(shù)。我們可以讓它不斷執(zhí)行自身,如果參數(shù)存在的情況下。最后在沒有參數(shù)的情況下,一次過執(zhí)行。換言之,前面的步驟是用于儲存參數(shù)。
var sum2= curry(sum);
sum2= sum2(1)(2)(3)(4)(5);
sum2(); // 15
比起一般的currying函數(shù),這有點難度。具體看注解:
復制代碼 代碼如下:
var curry= function(fn){//原函數(shù)的參數(shù)為函數(shù)
return function(args){//內部函數(shù)的參數(shù)為數(shù)組,由于立即執(zhí)行,因此直接到第三重去
//args是相對于第三重內部函數(shù)可是全局變量
var self= arguments.callee;//把自身保存起來(就是那個數(shù)組為參數(shù)的第二重函數(shù))
return function(){ //這才是第二次調用的函數(shù)
if(arguments.length){//如果還有要添加的參數(shù)
[].push.apply(args,arguments);//apply把當前傳入的所有參數(shù)放進args中
return self(args);
}else{
return fn.apply(this,args);//apply的第二參數(shù)為數(shù)組
}
}
}([]);
};
或者每次傳入多個參數(shù):
但上面的函數(shù)有不足之處,最后怎么也要放個括號,我們想只要參數(shù)足夠就返回結果,多出的參數(shù)忽略。改進如下:
復制代碼 代碼如下:
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需再刷新一下頁面才能執(zhí)行]
相關文章
JS函數(shù)arguments數(shù)組獲得實際傳參數(shù)個數(shù)的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫S函數(shù)arguments數(shù)組獲得實際傳參數(shù)個數(shù)的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-05-05使用?Schema-Utils?對?Webpack?Plugin?進行配置項校驗的簡單用例
schema-utils?庫用于在?loader?和?plugin?實例化時,對傳入的參數(shù)進行校驗,本文重點給大家介紹使用?Schema-Utils?對?Webpack?Plugin?進行配置項校驗的用例詳解,感興趣的朋友一起看看吧2022-03-03基于Bootstrap里面的Button dropdown打造自定義select
這篇文章主要介紹了基于Bootstrap里面的Button dropdown打造自定義select的相關資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-05-05微信小程序使用progress組件實現(xiàn)顯示進度功能【附源碼下載】
這篇文章主要介紹了微信小程序使用progress組件實現(xiàn)顯示進度功能,涉及progress組件相關屬性設置操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2017-12-12