匿名函數(shù)則更是一把雙刃劍,它讓函數(shù)式編程語言更加完美,也讓代碼更加難于閱讀。你應該知道匿名函數(shù)是以犧牲語義化為巨大代價的。
如果一個函數(shù)沒有名字,它可能無關緊要,在大部分場景中它都將失去意義。函數(shù)的名字跟你的名字,你朋友的名字,你家小寵物的名字一樣,是重要關鍵的,否則你寫它干嘛。
即使在看起來最沒有必要的位置使用命名函數(shù)也有巨大價值
你可能隨手就能枚舉很多場景來證明匿名函數(shù)的便利性,不可否認有些場景無疑是有一些道理的,但大多數(shù)人以此為起點,以善小而不為。比如
Array.some, Array.forEach, String.replace
這樣的例子能舉出不少,我們也可以理直氣壯的說他們不需要使用命名函數(shù),使用匿名函數(shù)更方便,并且大家都是這么做的。但是別忘了,some,forEach,replace本身已經具有寬泛的語義了。但仍然可以更近一步:
1.Array.some, 廣泛的語義是找出數(shù)組中是否有一些,但究竟有一些什么呢?
2.Array.forEach, 廣泛的語義是遍歷,Array提供無數(shù)的函數(shù)用于遍歷,你為什么選擇forEach, 而不是map,every等等?
3.String.replace, 廣泛的語義是替換,但究竟是將什么替換成什么呢?
代碼是寫給人看的,
1.能不能不要讓我去讀你的代碼猜或者推理出來你要從數(shù)組中找出一些什么,是不是有整數(shù),是不是有空值?
2.能不能直接通過函數(shù)名告訴我你遍歷這個數(shù)組是想干什么?
3.能不能直接通過函數(shù)名告訴我你想將什么替換成什么?
舉個簡單的例子,找出價格數(shù)組中是否存在整數(shù)價格。isInteger可能是已經有的公共函數(shù),如果沒有的話,經過你就有了。簡潔易讀,在閱讀主流程的時候,有些代碼是不需要閱讀的,isInteger就是這樣一些代碼,萬一有錯呢?isInteger是可測易測的,如果你不放心,對它執(zhí)行單元測試。你可能已經注意到,一個小小的改變,有一部分代碼已經具有可測性了。即使這里不是一個公用函數(shù),寫成命名函數(shù)也更整潔更可測。
var isAnyInteger = priceArr.some(Common.isInteger.bind(Common));
這些都是非常極端的被認為是可以直接寫匿名函數(shù)的例子,但很明顯可以看到,他們也可以作為命名函數(shù)的邊界處理,即都寫命名函數(shù)百利而無一害,只會更好。
再簡單的代碼也要區(qū)分架構和實現(xiàn)
另外一個重災區(qū)是 then 函數(shù),匿名函數(shù)的代碼不能更丑陋,即使大家都這么寫,你也應該明白,你不能這么寫,正確的姿勢應該寫成這樣, 以展示訂單為例:
/* * name : getOrder * description : 獲取訂單數(shù)據 */function getOrder() {//{{{var url = 'https://www.qunar.com/getOrder';//假如收集參數(shù)比較費勁,應該用一個函數(shù)專門去收集參數(shù)var params = getOrderParams();//假如參數(shù)體比較龐大,應該先將其賦予一個變量var params = { orderNo:'248663058'};//無論如何,現(xiàn)將參數(shù)賦予變量你都將獲得在這里打印變量方便調試的便利console.log('getOrder url & params:', url, params);return $.post(url, params); }//}}}/* * name : renderOrder * description : 拿訂單,拿到就在頁面上展示出來,拿不到就告訴用戶為什么沒拿到 */function renderOrder() {//{{{//高級函數(shù),只安排工作,不自己實現(xiàn)//getOrder() 對該函數(shù)來說是不可見的,它要的只是訂單數(shù)據,偷得搶的都可以 getOrder().then(render, remindUser); }//}}}function render() {//{{{}//}}}function remindUser() {//{{{}//}}}
當然,你可能覺得 renderOrder 就是雞肋,跟只拿工資不干活的領導簡直一毛一樣,把then寫在 $.post 后面不就行了?
不行,如果有一天獲取訂單既可以從本地獲取,又可以從本地緩存獲取,那么getOrder就升級為次高級函數(shù),它管理兩個函數(shù) getOrderFromServer, getOrderFromCache
如果在獲取訂單之前或者之后還要做一些事情,那之后renderOrder能夠從容應付。
想都不要想過度設計這個詞,大部分人沒有這個能力,不必杞人憂天。
你從一開始就是高級架構師只不過兼職寫代碼
你可以清楚的看到,大量使用命名函數(shù)讓代碼結構非常清晰,任何人都能容易的獨懂主流程,任何人都可以容易的去實現(xiàn)每一個命名函數(shù),要實現(xiàn)什么已經清楚的寫在了函數(shù)名上了。
這些命名函數(shù)就像房屋的骨架,再往上堆疊就是一棟樓的骨架,你見過建筑設計師自己砌墻澆水泥的嗎?寫代碼也一樣,用函數(shù)堆疊成骨架,至于每個函數(shù)怎么實現(xiàn),請幫我實現(xiàn)(在你初學的時候就是請你自己幫你自己實現(xiàn))。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com