10-函数函数 function，是被设计为执行特定任务的代码块函数可以把具有相同或相似逻辑的代码“包裹起来”，通过函

函数

function，是被设计为执行特定任务的代码块
函数可以把具有相同或相似逻辑的代码“包裹起来”，通过函数调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精简代码方便复用。

函数的声明语法

```
function 函数名() {
	函数体
}
```
例如

function sayHi() {
	document.write('hai~')
}

函数名命名规范
- 和变量命名基本一致
- 大小写混用
函数调用语法
- ```
函数名（）
```
- 函数一次声明可以多次调用
- 之前使用的 alert()，parselnt()这种名字后面跟小括号的本质都是函数的调用

    <script>
        // 声明函数
        function fn() {
        for ( let i = 1; i < 10; i++) {
            for (let j = 1; j <= i; j++) {
                document.write(`${j} x ${i} = ${j * i} &nbsp;`)
            }
            document.write('<br>')
        }
    }
        //调用函数 
    fn()
    </script>

函数传参

声明语法
- ```
function 函数名(参数列表) {
	函数体
}
```
- 参数列表
  - 传入数据列表
  - 声明这个函数需要传入几个数据
  - 多个参数用逗号隔开

调用语法

```
函数名（传递的参数列表）
```

getSum(10,20)

调用函数时，需要传入几个数据就写几个，用逗号隔开

function getSum(num1,num2) {
        document.write(num1 + num2)

    }
    getSum(1,2)

输出结果3

形参和实参

形参：声明函数时写在函数名右边小括号里的叫形参（形式上的参数）
实参：调用函数时写在函数名右边小括号里的叫实参（实际上的参数）
形参可以理解为是在这个函数内声明的变量（比如 num1 = 10）实参可以理解为是给这个变量赋值
开发中尽量保持形参和实参个数一致
我们曾经使用过的 alert('打印'), parseInt('11'), Number('11') 本质上都是函数调用的传参
函数传递参数的好处是？
- 可以极大的提高了函数的灵活性
函数参数可以分为那两类？怎么判断他们是那种参数？
- 函数可以分为形参和实参
- 函数声明时，小括号里面的是形参，形式上的参数
- 函数调用时，小括号里面的是实参，实际的参数
- 尽量保持形参和实参的个数一致
参数中间用什么符号隔开？
- 逗号

需求：学生的分数是一个数组,计算每个学生的总分

分析：

①：封装一个求和函数

②：传递过去的参数是一个数组

③：函数内部遍历数组求和

    function getScore(arr ) {
         let sum = 0 
         for (let i = 0; i < arr.length; i++) {
            sum += arr[i]
         }
         document.write(sum)
    }
    getScore([99,10,100])

函数返回值★

当函数需要返回数据出去时，用return关键字
语法
- ```
return 数据
```

        function fn() {
            return 30
        }
        // fn()
        // return 相当于执行了一句话 fn() = 30
        // document.write(fn())
        let re = fn()
        document.write(re)

return后面的代码不再执行（不要换行写），退出函数的作用

return只能返回一个值

       <script>
           function fn(x,y) {
               let jia = x + y 
               let jian = x - y
               return jia,jian
           }
           let re = fn(1,2)
           document.write(re)
           //只能输出 -1  ， 后面的x - y 就执行不了，因为只能返回一个值
       </script>

如何返回多个值？

       <script>
           function fn(x,y) {
               let jia = x + y 
               let jian = x - y
               return [jia,jian]
               // 加括号后它就会输出一个数组，数组内容无限制
           }
           let re = fn(1,2)
           document.write(`相加之后的结果是${re[0]},相减之后的结果是${re[1]}`)
       </script>

案例：判断数组里面的最大值和最小值

function dxz(arr) {
            let max = min = arr[0]
            for (let i = 1; i < arr.length; i++) {
                if (max < arr[i]) {
                    max = arr[i]
                }
                if (min > arr[i]) {
                    min = arr[i]
                }
            
            	return [max,min]

            			// 三元表达式写法
            			max < arr[i] ? max = arr[i] : max
            			min > arr[i] ? min = arr[i] : min 
            			}
            			return [max,min]
        	}
let jieguo = dxz([1,2,3,4,6,8,0,9,33])
document.write(`数组最大值是：${jieguo[0]},数组最小值是${jieguo[1]}`)

作用域

	作用域概述：通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的**可用性的代码范围**就是这个名字的作用域。作用域的使用提高了程序逻辑的局限性，增强了程序的可靠性，**减少了名字冲突**。

如图这就是简单的两个作用域：

变量的作用域

在JavaScript中，可根据作用域的不同，变量可分为

函数内的变量，只能给内部使用，函数外面不能使用
变量有一个坑，特殊性情况：
- 如果函数内部或者块级作用域内部，变量没有声明，直接赋值，也当全局变量看，但是强烈不推荐
变量访问原则：就近原则

匿名函数

立即执行函数

立即执行不需要调用

 (function () {document.write(`哈哈哈`)}) ();
 
 
 (function () {document.write(`哈哈哈`)} ());

注意：多个立即执行函数要用 ; 隔开，要不然会报错

转换时间案例

需求：用户输入秒数，可以自动转换为时分秒

计算公式：计算时分秒

小时： h = parseInt(总秒数 / 60 / 60 % 24)

分钟： m = parseInt(总秒数 / 60 % 60 )

秒数： s = parseInt(总秒数 % 60)

    <script>
            // 需求： 用户输入秒数，可以自动转换为时分秒
            // 分析：
            // ①： 用户输入总秒数
            // ②：计算时分秒（封装函数） 里面包含数字补0
            // ③：打印输出
            let seconds = prompt('请输入秒数：')
            function gettime(t) {
                let h = parseInt(t / 60 / 60 % 24)
                let m = parseInt(t / 60 % 60 )
                let s = parseInt(t % 60)
                // 把后面的结果赋值给左边的h,m,s
                h = h < 10 ? '0' + h : h
                m = m < 10 ? '0' + m : m
                s = s < 10 ? '0' + s : s
                return `计算之后的结果是${h}时${m}分${s}秒`
            }
            let jisuan = gettime(seconds)
            document.write(jisuan)
    </script>