Javascript中的高階函數(shù)介紹
這是一個有趣的東西，這或許也在說明Javascript對象的強大。我們要做的就是在上一篇說到的那樣，輸出一個Hello,World，而輸入的東西是print('Hello')('World')，而這就是所謂的高階函數(shù)。
高階函數(shù)
高階看上去就像是一種先進的編程技術(shù)的一個深奧術(shù)語，一開始我看到的時候我也這樣認為的。
Javascript的高階函數(shù)
然而，高階函數(shù)只是將函數(shù)作為參數(shù)或返回值的函數(shù)。以上面的Hello,World作為一個簡單的例子。
var Moqi = function(p1){
this.add = function (p2){
return p1 + ' ' + p2;
};
return add;
};
我們便可以這樣使用這個函數(shù)
console.log(Moqi('Hello')('World'));
或許這個過程有點混亂，看看詳細一點的。
> typeof Moqi('Hello')
<- "function"
> Moqi('Hello')
<- function (p2){
return p1 + ' ' + p2;
}
也就是說實際上Moqi('Hello')是一個函數(shù)，Moqi('Hello')
> var m = Moqi('Hello')
> m('World')
> "Hello,World"
從上面的情況來看，高階函數(shù)可以使代碼更簡潔、高效。自然而然地我們也可以創(chuàng)建一個函數(shù)，以便于:
> Moqi('Hello')('World')('Phodal')
> "Hello,World Phodal"
于是就有了這樣一個函數(shù)
var Moqi = function(p1){
return function (p2){
return function(p3){
return p1 + ',' + p2 + ' ' +p3;
}
};
};
還原高階函數(shù)
越來越復雜，需要引入高階函數(shù)抽象的信號是出現(xiàn)重復或者相似的代碼。然后，我們先一步步還原到之前的函數(shù)：
var Moqi = function(p1){
this.add = function (p2){
return function(p3){
return p1 + ',' + p2 + ' ' +p3;
}
};
return this.add;
};
接著再創(chuàng)建一個新的函數(shù)
var Moqi = function(p1){
this.add = function (p2){
this.add1 = function(p3){
return p1 + ',' + p2 + ' ' +p3;
};
return this.add1;
};
return this.add;
};
使用javascript中的call方法，就會有：
var Moqi = function(p1){
var self = this;
function fd(p2) {
this.add1 = function (p3) {
return p1 + ',' + p2 + ' ' + p3;
};
}
self.add = function (p2){
fd.call(this, p2);
return this.add1;
};
return self.add;
};
高階函數(shù)實例
上面的例子只是為了好玩，下面的例子是真正的運用。
add = function(a,b){
return a + b;
};
function math(func,array){
return func(array[0],array[1]);
}
console.log(math(add,[1,2]));
> math(add,[1,2])
< 3
在上面的例子中傳進去的add是一個參數(shù)，而在return的時候剛是一個函數(shù)。如在jQuery中有一個函數(shù)用于
// Convert dashed to camelCase; used by the css and data modules
// Microsoft forgot to hump their vendor prefix (#9572)
camelCase: function( string ) {
return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
},
也是這樣的運用，可見高階函數(shù)對于掌握好JS的重要。。
相關文章
下面小編就為大家?guī)硪黄鷍s封裝添加class,刪除class的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，希望對大家有所幫助2017-11-11
javascript Deferred和遞歸次數(shù)限制實例
你知道Deferred和遞歸次數(shù)限制嗎？如果還不知道，可以看看下面的實例，很好，適合新手朋友們2014-10-10
偶爾發(fā)現(xiàn) js 中有個延時加載的標簽 defer,還在疑惑這么好用的東西為什么沒有流行起來,本人今天把它拾起來用了一下，發(fā)現(xiàn)只在ie7，8，9和360安全濟覽器下可以，知道為什么不用它了吧2012-12-12
下面小編就為大家?guī)硪黄肑S實現(xiàn)點擊按鈕后圖片自動切換的簡單方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
elementUI?Table?表格編輯數(shù)據(jù)后停留當前位置的示例代碼
這篇文章主要介紹了elementUI?Table?表格編輯數(shù)據(jù)后停留當前位置,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要介紹了JS中三種URI編碼方式對比分析,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2024-01-01
這篇文章主要介紹了Javascript 鏈式作用域詳細介紹的相關資料,需要的朋友可以參考下2017-02-02
下面小編就為大家分享一篇圖片加載完成再執(zhí)行事件的實例，具有很好的參考價值，一起跟隨小編過來看看吧，希望對大家有所幫助2017-11-11
刪除屬性有很多方法,學到了就在這里記錄一下,下面這篇文章主要給大家介紹了關于js刪除對象屬性的多種方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
關于javascript document.createDocumentFragment()
documentFragment 是一個無父對象的document對象.2009-04-04