javascript - 關于比較函數(shù)的問題
問題描述
function createComparisonFunction(propertyName) { return function(object1,object2) {var value1 = object1[propertyName];var value2 = object2[propertyName]; if(value1 < value2) { return -1;} else if(value1 > value2) { return 1;} else { return 0;} }};這是紅寶書中一個知識點,這段代碼不是太明白
問題解答
回答1:這是為了比較特定數(shù)據(jù)結構而制造的工具函數(shù)。例如數(shù)據(jù)結構格式為:
let arr = [{ name: ’foo’, value: 123 }, { name: ’bar’, value: 456 }]
這時,一般的 sort 方法需要這么編寫,形如:
arr.sort(function (a, b) { return a.value - b.value > 0 ? 1 : -1 })
這段代碼存在的問題:
硬編碼了 value 參數(shù),排序其它字段時必須重新編碼。
返回 1 / -1 的邏輯是冗余而無聊的。
直接編寫排序的匿名函數(shù),在紅寶書的年代可讀性不夠好(現(xiàn)在有箭頭函數(shù),其實問題不大)。
所以對上面的 case,紅寶書作者設計了一個通用的工具函數(shù),以生成一個【用于排序特定字段】的函數(shù)。注意你調(diào)用這個工具函數(shù),返回的是一個新函數(shù),而不是排序的結果(所謂高階函數(shù))。
應用這個封裝后,代碼形如:
// 創(chuàng)造一個【根據(jù) value 字段來排序】的函數(shù)let compareFn = createComparisonFunction(’value’)// 將創(chuàng)造的函數(shù)傳入 sort 中作為排序依據(jù)arr.sort(compareFn)
這就起到了簡化業(yè)務邏輯的作用。
回答2:什么不明白, 就是比較兩個對象某個屬性的大小createComparisonFunction('test')({’test’: 1}, {'test': 2})返回的是-1
回答3:調(diào)用函數(shù)時,分為兩步來看。首先通過createComparisonFunction()傳入比較的字段。在createComparisonFunction()函數(shù)內(nèi),返回一個匿名函數(shù)。同時由于匿名函數(shù)處在createComparisonFunction()內(nèi),所以你對createComparisonFunction()傳入的參數(shù)propertyName對匿名函數(shù)也有效存在。通過上一步,你已經(jīng)得到的匿名函數(shù)包含propertyName,此時你就可以傳入你要比較的兩個對象,在函數(shù)內(nèi)比較他們的propertyName屬性,返回比較結果。
回答4:這個就叫高階函數(shù)。
相關文章:
1. macos - mac 重啟后 XAMPP下的apache無法啟動2. css3 - 這個右下角折角用css怎么畫出來?3. mysql - eclispe無法打開數(shù)據(jù)庫連接4. windows2003下的apache響應時間特別長?5. javascript - 在 model里定義的 引用表模型時,model為undefined。6. 關于Java引用傳遞的一個困惑?7. java - 根據(jù)月份查詢多個表里的內(nèi)容怎么實現(xiàn)好?8. javascript - 一個關于客戶端和前端通信的疑惑?9. php - 一個操作請求多個服務如何保證數(shù)據(jù)的安全?10. javascript - webpack熱加載配置不生效
