关于比较函数的问题

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;
        }
    }
};

这是红宝书中一个知识点,这段代码不是太明白

这是为了比较特定数据结构而制造的工具函数。例如数据结构格式为:

let arr = [{ name: 'foo', value: 123 }, { name: 'bar', value: 456 }]

这时,一般的 sort 方法需要这么编写,形如:

arr.sort(function (a, b) { return a.value - b.value > 0 ? 1 : -1 })

这段代码存在的问题:

  1. 硬编码了 value 参数,排序其它字段时必须重新编码。

  2. 返回 1 / -1 的逻辑是冗余而无聊的。

  3. 直接编写排序的匿名函数,在红宝书的年代可读性不够好(现在有箭头函数,其实问题不大)。

所以对上面的 case,红宝书作者设计了一个通用的工具函数,以生成一个【用于排序特定字段】的函数。注意你调用这个工具函数,返回的是一个新函数,而不是排序的结果(所谓高阶函数)。

应用这个封装后,代码形如:

// 创造一个【根据 value 字段来排序】的函数
let compareFn = createComparisonFunction('value')
// 将创造的函数传入 sort 中作为排序依据
arr.sort(compareFn)

这就起到了简化业务逻辑的作用。

什么不明白, 就是比较两个对象某个属性的大小
createComparisonFunction("test")({'test': 1}, {"test": 2})
返回的是-1

调用函数时,分为两步来看。首先通过createComparisonFunction()传入比较的字段。在createComparisonFunction()函数内,返回一个匿名函数。同时由于匿名函数处在createComparisonFunction()内,所以你对createComparisonFunction()传入的参数propertyName对匿名函数也有效存在。
通过上一步,你已经得到的匿名函数包含propertyName,此时你就可以传入你要比较的两个对象,在函数内比较他们的propertyName属性,返回比较结果。

这个就叫高阶函数。

  • 面试题两则,求指教。。
  • 微信消息连接打开 和 扫码打开连接有什么区别
  • 请问,jqGrid怎样设置横向滚动条?
  • 百度分享qq好友,为什么分享内容无法设置?
  • requirejs模块路径配置问题
  • jquery中动画是异步么?如何理解JS的异步?
  • JavaScript如何实现汉字按拼音首字母分组拼序
  • 求救!!!!IE兼容性问题
  • 帮忙看下这段代码是什么意思?是PHP还是SQL函数。谢谢各位
  • ‘.jpg!q90’这样的后缀名是什么原理?
  • 返回状态是200或304,但无法加载js文件