05 js函数

# 1. 函数 #

封装了一段可被重复调用执行的代码块。通过此代码块实现大量代码的重复使用

# 2. 函数的使用 #

## 2.1 声明函数 ##

// 声明函数
  
   

<script>
        //声明函数
        function 函数名(){

        }
    </script>

 

function 是声明函数的关键字,必须小写 

由于函数一般是为了实现某个功能才定义的， 所以通常我们将函数名命名为动词，比如 getSum   

## 2.2 调用函数 ##

// 调用函数

    函数名(); //通过调用函数名

调用的时候千万不要忘记添加小括号

函数不调用，自己不执行

# 函数的参数 #

## 3.1 形参和实参 ##

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时， 同样也需要传递相应的参数，这些参数被称为实参。 

函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去

    // 带参数的函数声明 function 函数名(形参1, 形参2 , 形参3...) {
     // 可以定义任意多的参数，用逗号分隔   
    // 函数体 
    }
     // 带参数的函数调用 函数名(实参1, 实参2, 实参3...);

# 4.返回值 ##

## 4.1 函数的返回值 ##

希望得到函数返回给调用者，此时return 即可实现

     

<script>
        // 声明函数 
        function 函数名(){
                      return  需要返回的值; 
            } // 调用函数 
            函数名();    // 此时调用函数就可以得到函数体内return 后面的值 
    </script>

 

<script>
        function getMax(num1, num2) {
            return num1 > num2 ? num1 : num2;
        }
        console.log(getMax(1, 2));
    </script>

 

     

return 语句后的代码不执行

## 4.2 arguments的使用 ##

当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。在 JavaScript 中，arguments 实际上 它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象，arguments 对象中存储了传递的 所有实参。 


# 5. 函数两种声明方式 #

1. 自定义函数

function fn(){
    
}
fn()

2.函数表达式

var 变量名 = function(){
    console.log('函数表达式')
}
变量名();