JS 基础知识 函数

目标： 

• 能够说出为什么需要函数
• 能够根据语法书写函数
• 能够根据需求封装函数
• 能够说出形参和实参的传递过程
• 能够使用函数的返回值
• 能够使用arguments获取函数的参数
  
  
   

 1. 概述

函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。 封装：把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口。

2. 函数的声明和调用 

语法规则如下：

<script>
        // 函数使用分为两步，  声明函数和调用函数
        // 1. 声明函数
        // function 函数名() {
        //     // 函数体；
        // }
        function sayhello() {
            console.log('hello');
        }
        //注意： function 是声明函数的关键字，全部小写
        // 函数是做某件事，函数名一般是动词
        // 函数不调用无法执行
        // 2. 调用函数
        // 函数名（）;
        sayhello();
        // 调用函数记得加小括号
    </script>

3. 函数的参数

 语法规则如下：

<script>
        // 语法规则：
        // function 函数名(形参1，形参2...) {   //在声明函数的小括号里面是 形参（形式上的参数）

        // }
        // 函数名(实参1，实参2...);  //在函数调用的小括号里面是实参，（实际的参数）
        // 执行过程
        function cook(aru) {   //形参是接受实参的  aru = '柠檬鸡爪'  形参类似于一个变量
            console.log(aru);
        }
        cook('柠檬鸡爪');
        cook('小鸡炖蘑菇');
        // 函数的参数可以有也可以没有，个数不限
    </script>

案例：

<script>
        // 1. 利用函数求任意两个数的和
        function sum(str1, str2) {
            sum = str1 &#