jsday5函数

1.函数的概念

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

2.函数的使用

• 声明函数

  • function 函数名(){
        函数体
    }
    

  • 函数名一般是动词

  • 函数不调用自己执行

• 调用函数

  • 函数名();
    

• 声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码

• 带参数的函数

  • function 函数名(形参1，形参2...){
        函数体
    }
    函数名(实参1，实参2...);
    

  • 形参是接受实参的 形参类似于一个变量

  • 如果实参个数等于形参个数，则正常输出结果

  • 如果实参的个数多于形参的个数，会取到形参的个数

  • 如果实参的个数小于形参的个数 ，多余的形参定位为undefined，最终的结果是NaN

3.函数的返回值

• 函数的返回值格式

  • function 函数名(){
        return 需要返回的结果;
    }
    // 函数名();
    console.log(函数名());  //输出最终结果
    

  • 函数只是实现某种功能，最终的结果需要返回给函数的调用者函数名()，通过return实现

  • 只要函数遇到return 就把后面的结果返回给函数的调用者 函数名() = return后面的结果

  • return 中止函数：return后面的代码不会被执行

  • return 只能返回一个值，返回的结果是最后一个值

  • 如果函数又return，则返回的是return后面的值；如果函数没有return，则返回的是undefined

4.arguments的使用

• 当我们不确定有多少个参数传递的时候，可以用arguments来获取，再js中，arguments实际上是当前函数的一个内置对象，所有函数都内置了一个arguments对象，arguments对象中存储了传递的所有实参
• arguments展示形式是一个伪数组，可以遍历
  • 具有length属性
  • 按索引方式储存数据
  • 不具有数组的push(),pop()等方法

5.函数的两种声明方式

• 利用函数关键字自定义函数（命名函数）

  • function fn(){
        
    }
    fn();
    

• 函数表达式（匿名函数）：

  • var 变量名 = function(){
        
    }
    变量名();
    

  • 函数表达式声明方式跟声明变量差不多，只不过变量里面存的是值，而函数表达式里面存的是函数

  • 函数表达式也可以进行传递参数