非零基础自学前端最后一遍二 JavaScript基础 7 JavaScript函数 7.14 函数的头等公民和函数式编程的理解

ゝ一纸荒年。 2024-03-24 13:15 22阅读 0赞

#### 非零基础自学前端最后一遍 ####

#### 文章目录 ####

*   *   *  非零基础自学前端最后一遍
         *  二 JavaScript基础
         *  7 JavaScript函数
         *   *  7.14 函数的头等公民和函数式编程的理解
             *   *  7.14.1 JavaScript头等函数

![在这里插入图片描述][a0ee4160da4244f3a3cbadead8cad3d4.png_pic_center]

#### 二 JavaScript基础 ####

#### 7 JavaScript函数 ####

##### 7.14 函数的头等公民和函数式编程的理解 #####

###### 7.14.1 JavaScript头等函数 ######

*  头等函数（first-class function；第一级函数）是指在程序设计语言中，函数被当作头等公民。
    
     *  这意味着，函数可以作为别的函数的参数、函数的返回值，赋值给变量或存储在数据结构中；
     *  有人主张也应包括支持匿名函数（待会儿会讲到）；
 *  通常我们对作为头等公民的编程方式，称之为函数式编程
    
     *  JavaScript就是符合函数式编程的语言，这个也是JavaScript的一大特点；
 *  比如：函数可以在变量和变量之间相互进行赋值；
    
    ![在这里插入图片描述][3cf3b8ca4759482aa57e6a0b7760250a.png_pic_center]

<!DOCTYPE html>
    <html lang="en">
    
    <head>
      <meta charset="UTF-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
    </head>
    
    <body>
    
      <script>
    
        // 函数作为一等(头等)公民
        // 1.函数可以被赋值给变量(函数表达式写法)
        var foo1 = function () {
          
          console.log("foo1函数被执行~")
        }
        // foo1()
    
        // 2.让函数在变量之间来回传递
        // var foo2 = foo1
        // foo2()
    
    
        // 3.函数可以另外一个函数的参数
        // function bar(fn) {
          
        //   console.log("fn:", fn)
        //   fn()
        // }
        // bar(foo1)
    
    
        // 4.函数作为另外一个函数的返回值
        // function sayHello() {
          
        //   function hi() {
          
        //     console.log("hi kobe")
        //   }
        //   return hi
        // }
    
        // var fn = sayHello()
        // fn()
    
    
        // 5.将函数存储在另外一个数据结构中
        var obj = {
          
          name: "why",
          eating: function () {
          
            console.log("eating")
          }
        }
        obj.eating()
        function bar1() {
          
          console.log("bar1函数被执行~")
        }
        function bar2() {
          
          console.log("bar2函数被执行~")
        }
        function bar3() {
          
          console.log("bar3函数被执行~")
        }
        // 事件总线的封装
        var fns = [bar1, bar2, bar3]
    
        // 函数式编程: 使用函数来作为头等公民使用函数, 这种编程方式(范式).
        // JavaScript支持函数式编程.
    
      </script>
    
    </body>
    
    </html>

[a0ee4160da4244f3a3cbadead8cad3d4.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/40893a301fe84885b652168b8592b62c.png
[3cf3b8ca4759482aa57e6a0b7760250a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/24/50b7205b99cf4887aac8541af54ae631.png