JavaScript函数(上)

一、函数介绍

1. 概念：将任意代码封装到一起，需要的时候进行调用执行

2. 语法：

<script>
        //定义函数
        function 函数名() {
            函数体//封装的代码
        }
        //函数调用语句
        函数名()
    </script>

2. 调用方式

 二、函数参数

1. 形参与实参

 <script>
       /**
        *  形参
        function 函数名(形参1,形参2...){
            函数体
        }
        实参
            函数名(实参1，实参2...)
       */
    </script>

2. 传参过程

 3. 参数个数问题

（1）形参比实参少

 （2）形参比实参多

4. 参数默认值 

三、 函数返回值

1. return返回的意思，其实就是给函数一个返回值和中断函数（return 返回函数调用处：return 值/return）

2. 中断函数：

3. 返回值

 四、函数类型

 <script>
        //第一种：无参返回值
        function 函数() {
            函数体
        }
        函数()

        //第二种类型：有参数，无返回值
        function 函数(形参1, 形参2) {
            函数体
        }
        函数(实参1, 实参2)

        //无参数有返回值
        function 函数() {
            函数体
            return 值
        }
        var 变量 = 函数()

        //有参数有返回值
        function 函数(形参1, 形参2) {
            函数体
            return 值
        }
        var 变量 = 函数(实参1, 实参2)
    </script>

 五、函数的优点

1. 封装代码，使代码更加简洁

2. 复用，在重复功能的时候，直接调用就好

3. 代码执行时机，随时可以在想要执行的地方调用执行

六、函数定义方式

<script>
        //1.声明式函数
        function fn() {

        }

        //2.赋值式函数定义
        var fn = function () {

        }
    </script>

七、预解析

1. js代码执行解析过程（1）其中需要解析的内容有两个：

 2. 同名变量和函数解析方式：

 3. if条件不管成立不成立，语句块都会解析

4. return语句后代码不执行，但是会进行解析