javascript之典型高階函數(shù)應(yīng)用介紹二
更新時(shí)間:2013年01月10日 09:00:41 作者:
在前一篇文章javascript之典型高階函數(shù)中主要實(shí)現(xiàn)了幾個(gè)典型的functional函數(shù),文章最后也提出了疑問,為啥那樣的實(shí)現(xiàn)與F#之類的函數(shù)式語言“不太一樣”呢?今天來試試更“函數(shù)式”的實(shí)現(xiàn)
前言
在前一篇文章javascript之典型高階函數(shù)中主要實(shí)現(xiàn)了幾個(gè)典型的functional函數(shù)。文章最后也提出了疑問,為啥那樣的實(shí)現(xiàn)與F#之類的函數(shù)式語言“不太一樣”呢?今天來試試更“函數(shù)式”的實(shí)現(xiàn)。
另一種實(shí)現(xiàn)
同樣地,嘗試對(duì)之前實(shí)現(xiàn)的函數(shù)做一些改動(dòng),把for循環(huán)去掉。如何去掉呢?這里先要引入一個(gè)集合的歸納法定義:
一個(gè)集合要么是空集,要么是一個(gè)數(shù)與一個(gè)集合組成的數(shù)對(duì)從定義可以看到,每一個(gè)集合都可以看作為一個(gè)數(shù)和一個(gè)集合的對(duì)。例如:{1,2,4,5} 可以認(rèn)為是數(shù) 1 與 集合{2,4,5} 組成的一對(duì),寫成(1 , {2,4,5})。遞歸地,{2,4,5} 可以看成是(2 , {4,5})。最后即為 (5 , Ø)。按照這樣的理解,我們就可以用遞歸的方法消除循環(huán),因?yàn)槲覀冊(cè)诜纸獾臅r(shí)候已經(jīng)訪問了每一個(gè)數(shù)據(jù)項(xiàng),并且終結(jié)條件為空集。下面就看一下filter函數(shù)的另一個(gè)實(shí)現(xiàn),原函數(shù)名加前綴f以區(qū)別之前函數(shù):
function ffilter(arr,callback){
var i=arguments[2] || 0,
out = arguments[3] || [];
if(!arr[i]) return arguments[3];
if(callback(arr[i]))
out.push(arr[i]);
return arguments.callee(arr,callback,++i,out);
}
測(cè)試:
var arr = [1,2,3,4,5,6,7,8,9,10];
var even = function(item){
if(typeof item !== "number") return false;
return !(item & 1);
};
console.log(ffilter(arr,even));
結(jié)果:
[2, 4, 6, 8, 10] 這樣消除循環(huán)之后,更貼近于數(shù)學(xué)的歸納定義,顯得更自然。同樣地,再看一下ffold函數(shù):
var arr = [1,2,3,4,5,6,7,8,9,10];
var plus = function(a,b){
return a+b;
};
console.log(ffold(arr,plus,3));
結(jié)果:
58
其他函數(shù)以同樣的方法即可。這樣就感覺更functional 了,但能不能再與數(shù)學(xué)定義更加接近呢?下一次再嘗試。
==========2013.1.8 更新==================
上面說到了那些寫法能否與數(shù)學(xué)定義更加接近,下面就嘗試一下使用鏈表。先給出一個(gè)定義:
var node = function(){
this.data = 0;
this.tail = null;
};
再初始化一個(gè)鏈表:
var n1 = new node(),n2 = new node(),n3 = new node(),n4 = new node(),n5 = new node();
n1.data=1,n1.tail=n2;
n2.data=2,n2.tail=n3;
n3.data=3,n3.tail=n4;
n4.data=4,n4.tail=n5;
n5.data=5,n5.tail=null;
fold鏈表版本:
function lfold(head,callback,b){
if(!head) return b;
else return callback(head.data,arguments.callee(head.tail,callback,b));
}
輸出結(jié)果:
18
按照之前的定義,一個(gè)集合要么是空集,要么是一個(gè)“頭”與一個(gè)“尾”(集合)組成的數(shù)對(duì)。每一次調(diào)用函數(shù)時(shí),分解為head和tail,直到集合為空(寫完上面的lfold函數(shù)真心感覺太完美了,簡(jiǎn)直就是定義,要是程序都長(zhǎng)這樣,注釋都不需要了,真是一種享受)。這樣子算是最接近數(shù)學(xué)定義的表示了。因?yàn)閖avascript不支持很多函數(shù)式語言的match,所以不能“自動(dòng)”分解,也就不能直接表示歸納定義。
javascript除了以上的一些東西,還可以實(shí)現(xiàn)函數(shù)式里面的partial,dojo框架里面的hitch就做到了這一功能,這也是函數(shù)式貼近數(shù)學(xué)的另外一個(gè)明顯的例子。我將在下一篇博客中討論。
在前一篇文章javascript之典型高階函數(shù)中主要實(shí)現(xiàn)了幾個(gè)典型的functional函數(shù)。文章最后也提出了疑問,為啥那樣的實(shí)現(xiàn)與F#之類的函數(shù)式語言“不太一樣”呢?今天來試試更“函數(shù)式”的實(shí)現(xiàn)。
另一種實(shí)現(xiàn)
同樣地,嘗試對(duì)之前實(shí)現(xiàn)的函數(shù)做一些改動(dòng),把for循環(huán)去掉。如何去掉呢?這里先要引入一個(gè)集合的歸納法定義:
一個(gè)集合要么是空集,要么是一個(gè)數(shù)與一個(gè)集合組成的數(shù)對(duì)從定義可以看到,每一個(gè)集合都可以看作為一個(gè)數(shù)和一個(gè)集合的對(duì)。例如:{1,2,4,5} 可以認(rèn)為是數(shù) 1 與 集合{2,4,5} 組成的一對(duì),寫成(1 , {2,4,5})。遞歸地,{2,4,5} 可以看成是(2 , {4,5})。最后即為 (5 , Ø)。按照這樣的理解,我們就可以用遞歸的方法消除循環(huán),因?yàn)槲覀冊(cè)诜纸獾臅r(shí)候已經(jīng)訪問了每一個(gè)數(shù)據(jù)項(xiàng),并且終結(jié)條件為空集。下面就看一下filter函數(shù)的另一個(gè)實(shí)現(xiàn),原函數(shù)名加前綴f以區(qū)別之前函數(shù):
復(fù)制代碼 代碼如下:
function ffilter(arr,callback){
var i=arguments[2] || 0,
out = arguments[3] || [];
if(!arr[i]) return arguments[3];
if(callback(arr[i]))
out.push(arr[i]);
return arguments.callee(arr,callback,++i,out);
}
測(cè)試:
復(fù)制代碼 代碼如下:
var arr = [1,2,3,4,5,6,7,8,9,10];
var even = function(item){
if(typeof item !== "number") return false;
return !(item & 1);
};
console.log(ffilter(arr,even));
結(jié)果:
[2, 4, 6, 8, 10] 這樣消除循環(huán)之后,更貼近于數(shù)學(xué)的歸納定義,顯得更自然。同樣地,再看一下ffold函數(shù):
復(fù)制代碼 代碼如下:
var arr = [1,2,3,4,5,6,7,8,9,10];
var plus = function(a,b){
return a+b;
};
console.log(ffold(arr,plus,3));
結(jié)果:
58
其他函數(shù)以同樣的方法即可。這樣就感覺更functional 了,但能不能再與數(shù)學(xué)定義更加接近呢?下一次再嘗試。
==========2013.1.8 更新==================
上面說到了那些寫法能否與數(shù)學(xué)定義更加接近,下面就嘗試一下使用鏈表。先給出一個(gè)定義:
復(fù)制代碼 代碼如下:
var node = function(){
this.data = 0;
this.tail = null;
};
再初始化一個(gè)鏈表:
復(fù)制代碼 代碼如下:
var n1 = new node(),n2 = new node(),n3 = new node(),n4 = new node(),n5 = new node();
n1.data=1,n1.tail=n2;
n2.data=2,n2.tail=n3;
n3.data=3,n3.tail=n4;
n4.data=4,n4.tail=n5;
n5.data=5,n5.tail=null;
fold鏈表版本:
復(fù)制代碼 代碼如下:
function lfold(head,callback,b){
if(!head) return b;
else return callback(head.data,arguments.callee(head.tail,callback,b));
}
輸出結(jié)果:
18
按照之前的定義,一個(gè)集合要么是空集,要么是一個(gè)“頭”與一個(gè)“尾”(集合)組成的數(shù)對(duì)。每一次調(diào)用函數(shù)時(shí),分解為head和tail,直到集合為空(寫完上面的lfold函數(shù)真心感覺太完美了,簡(jiǎn)直就是定義,要是程序都長(zhǎng)這樣,注釋都不需要了,真是一種享受)。這樣子算是最接近數(shù)學(xué)定義的表示了。因?yàn)閖avascript不支持很多函數(shù)式語言的match,所以不能“自動(dòng)”分解,也就不能直接表示歸納定義。
javascript除了以上的一些東西,還可以實(shí)現(xiàn)函數(shù)式里面的partial,dojo框架里面的hitch就做到了這一功能,這也是函數(shù)式貼近數(shù)學(xué)的另外一個(gè)明顯的例子。我將在下一篇博客中討論。
相關(guān)文章
JS實(shí)現(xiàn)顏色的10進(jìn)制轉(zhuǎn)化成rgba格式的方法
這篇文章主要介紹了JS實(shí)現(xiàn)顏色的10進(jìn)制轉(zhuǎn)化成rgba格式的方法,涉及javascript針對(duì)顏色數(shù)值轉(zhuǎn)換的相關(guān)運(yùn)算操作技巧,需要的朋友可以參考下2017-09-09
使用jsonp實(shí)現(xiàn)跨域獲取數(shù)據(jù)實(shí)例講解
這篇文章主要介紹了使用jsonp實(shí)現(xiàn)跨域獲取數(shù)據(jù)實(shí)例講解,需要的朋友可以參考下2016-12-12
JavaScript中立即執(zhí)行函數(shù)實(shí)例詳解
javascript和其他編程語言相比比較隨意,所以javascript代碼中充滿各種奇葩的寫法,有時(shí)霧里看花,當(dāng)然,能理解各型各色的寫法也是對(duì)javascript語言特性更進(jìn)一步的深入理解。這篇文章主要給大家介紹了關(guān)于JavaScript中立即執(zhí)行函數(shù)的相關(guān)資料,需要的朋友可以參考下。2017-11-11
TypeScript開發(fā)小狀況記錄之選且只選一個(gè)
在開發(fā)中需要定義一個(gè)對(duì)象的類型,此類型必須包含某n個(gè)字段中的其中一種,這篇文章主要給大家介紹了關(guān)于TypeScript開發(fā)小狀況記錄之選且只選一個(gè)的相關(guān)資料,需要的朋友可以參考下2022-10-10
JS實(shí)現(xiàn)使用POST方式發(fā)送請(qǐng)求
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)使用POST方式發(fā)送請(qǐng)求,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-08-08

