JavaScript高阶函数——函数当参数、返回值、其他成员

不念不忘少年蓝@ 2022-10-21 03:51 207阅读 0赞

### 文章目录 ###

*   *  函数的其它成员
     *  高阶函数
     *   *  作为参数
         *   *  作为参数案例：
         *  作为返回值
         *   *  作为返回值案例：

## 函数的其它成员 ##

*  arguments
    
     *  实参集合
 *  caller
    
     *  函数的调用者
 *  length
    
     *  形参的个数
 *  name
    
     *  函数的名称

function fn(x, y, z) { 
      console.log(fn.length) // => 形参的个数
      console.log(arguments) // 伪数组实参参数集合
      console.log(arguments.callee === fn) // 函数本身
      console.log(fn.caller) // 函数的调用者
      console.log(fn.name) // => 函数的名字
    }
    
    function f() { 
      fn(10, 20, 30)
    }
    
    f()

## 高阶函数 ##

### 作为参数 ###

function eat (callback) { 
      setTimeout(function () { 
        console.log('吃完了')
        callback()
      }, 1000)
    }
    
    eat(function () { 
      console.log('去唱歌')
    })

#### 作为参数案例： ####

![在这里插入图片描述][20210503211201971.gif_pic_center]

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>title</title>
      <script> function f1(fn) { setInterval(function () { console.log("定时器开始"); fn(); console.log("定时器结束"); },2000); } f1(function () { console.log("好困啊,好累啊,就是想睡觉"); }); </script>
    </head>
    <body>
    
    
    </body>
    </html>

### 作为返回值 ###

function genFun (type) { 
      return function (obj) { 
        return Object.prototype.toString.call(obj) === type
      }
    }
    
    var isArray = genFun('[object Array]')
    var isObject = genFun('[object Object]')
    
    console.log(isArray([])) // => true
    console.log(isArray({ })) // => true

#### 作为返回值案例： ####

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]

在这里插入代码片<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>title</title>
      <script> //排序,每个文件都有名字，大小,时间,都可以按照某个属性的值进行排序 //三部电影,电影有名字,大小,上映时间 function File(name, size, time) { this.name = name;//电影名字 this.size = size;//电影大小 this.time = time;//电影的上映时间 } var f1 = new File("a", "400M", "1997-12-12"); var f2 = new File("c", "200M", "2017-12-12"); var f3 = new File("b", "800M", "2010-12-12"); var arr = [f1, f2, f3]; function fn(attr) { //函数作为返回值 return function getSort(obj1, obj2) { if (obj1[attr] > obj2[attr]) { return 1; } else if (obj1[attr] == obj2[attr]) { return 0; } else { return -1; } } } var ff = fn("name"); //函数作为参数 arr.sort(ff); for (var i = 0; i < arr.length; i++) { console.log(arr[i].name + "====>" + arr[i].size + "===>" + arr[i].time); } </script>
    </head>
    <body>
    
    
    </body>
    </html>

[20210503211201971.gif_pic_center]: /images/20221021/4e9f95a250f34aafb425b9989c49926d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]: /images/20221021/6be46ef7af0e49db838d5c3a495c7fc9.png