js中函数可以作为参数和返回值

最新推荐文章于 2026-02-06 00:01:59 发布

原创最新推荐文章于 2026-02-06 00:01:59 发布 · 4.3k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被收录于：

35 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文通过具体示例展示了如何在JavaScript中利用函数作为参数和返回值进行对象数组的排序，重点介绍了根据对象属性定制排序规则的方法。

js中函数可以作为参数和返回值，来看看下面的排序

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<script>
    function Student(name, height, weight) {
        this.name = name;
        this.height = height;
        this.weight = weight;
    }
    //创建对象
    var stu1 = new Student("kk", "175", "55kg");
    var stu2 = new Student("kl", "185", "65kg");
    var stu3 = new Student("w", "170", "50kg");
    //    将对象放入数组中
    var arr = [stu1, stu2, stu3];
    //    将函数作为返回值
    function f1(attr) {
        return function (str1, str2) {
            if(str1[attr] > str2[attr]) {
                return 1;
            }else if (str1[attr] === str2[attr]) {
                return 0;
            }else {
                return -1;
            }
        }
    }
    //接受返回值--函数
    //根据height来进行排序
    var ff = f1("height");
    // 排序,将函数作为参数
    arr.sort(ff);
    for(var i = 0; i < arr.length; i++) {
        console.log(arr[i].name+"==="+arr[i].height+"==="+arr[i].weight);
    }
</script>
</body>
</html>

显示的结果：