H5学习笔记18 函数 参数 arguments 参数集合 返回值

 

函数

复杂数据类型

  <script> 
// function fn() {
        //     for (var i = 0; i < 7; i++) {
        //         for (var j = 0; j <= i; j++) {
        //             document.write('*')
        //         }
        //         document.write('<br />')
        //     }
        // }

        // fn()
        // fn()
        // fn()
  </script>

函数的两个阶段

定义阶段

 <script>
        // 定义阶段
        // - function fn() {}
        // - function           关键字  会去计算机内申请一块空间使用
        // - fn                 和变量名一样 驼峰命名
        // - ()                 参数
        // - {}                 代码块 用来放代码


 // 声明式函数
         function fn() {}

        // 赋值式函数
            var fn = function () {}
    </script>

 

调用阶段

  <script>


        // 调用阶段
        // - fn()

  // 声明式函数在哪执行都可以
        fn()
        function fn() {
            console.log('fn 函数')
        }
        fn()

        // 赋值式函数
        // - 赋值式函数不能再定义之前执行
        fun()
        var fun = function () {
            console.log('fun 函数')
        }
        // fun()
    </script>

 

参数

形参

函数定义里面的都是形参 function fn( ) { }

 

实参

函数调用里面的都是实参 fn( )

 

   <script>
 // 形参多，实参少，多出来的都是undefined
        // function fn(a, b, c) {
        //     // var a = 12
        //     // var b = 5
        //     // var c
        //     console.log(a, b, c)
        // }
        // fn(12, 5)

        // 形参少，实参多，不接收
        function fn(a) {
            console.log(a)
        }
        fn(12, 5)
    </script>

arguments 参数集合

适合参数不固定长度时候使用

  <script> 
// function fn() {
        //     // console.log(arguments)
        //     // 下标
        //     // - 从0开始
        //     // console.log(arguments[1])
        //     // 长度
        //     console.log(arguments.length)
        // }
        // fn(12, 5)

      function sum() {
            // 初始结果
            var res = 0
            // 到参数长度结束
            for (var i = 0; i < arguments.length; i++) {
                // 每一个具体值加起来
                res += arguments[i]
            }
            alert(res)
        }
        sum(12, 5, 7, 99, 103, 888)
        sum(12, 99, 5, 7)
    </script>

返回值

返回值只能在函数内用

返回一个结果

 <script>
        // return
        // - 返回值只能在函数内用
        // - 返回一个结果

        // function fn() {
        //     return 12 + 5
        // }
        // var n = fn()
        // console.log(n + '%')
        // console.log(n + '元')

        // 浏览器已有的方法
        // var n = Math.pow(2, 10)
        // console.log(n)

        // 封装
        // var n = sum(12, 5, 7, 99, 103)
        // alert(n)
        // var n2 = sum(12, 5, 103)
        // alert(n2)

        var m = max(12, 99, 63, 178, 4)
        alert(m)

        var m2 = min(12, 99, 63, 178, 4)
        alert(m2)
    </script>