JavaScript 函数基础

  了解函数
    + 和数学得函数没有关系
    + 就是一个 JS 里面得数据类型而已
    + 是复杂数据类型得一种

  在 JS 里面
    + 函数就相当于一个盒子
    + 用来承载一段代码, 当你需要执行这一段代码得时候
    + 只要呼唤这个盒子就可以
    + 对一段代码得 封装

  过程:
    1. 把代码装在盒子里
      => 定义函数
    2. 使用盒子里得代码
      => 调用函数

  定义函数
    1. 声明式函数
      => 语法: function 函数名() {}
        -> function: 声明函数得关键字
        -> 空格: 必须有, 分隔关键字和函数名的
        -> 函数名: 这个函数的名字(遵循变量命名规则和命名规范)
        -> (): 参数
        -> {}: 代码段
    2. 赋值式函数
      => 语法: var 函数名 = function () {}

  调用函数
    + 定义方式不一样
    + 调用的方式是一样的
      => 函数名()

  注意:
    1. 函数名 和 函数名() 是不一样的
      => 函数名是一个变量, 表示这个函数的
      => 函数名() 是把这个函数执行掉

  特点:
    1. 代码复用
      -> 一次书写, 多次使用
    2. 时机把握
      -> 我想什么时候使用, 就什么时候使用
    3. 代码简洁
      -> 把一类代码放在一起

      函数调用上的区别
        + 两种声明方式, 调用方式是一样的
        + 区别: 调用的时机不一样
          => 声明式函数, 可以在声明之前调用, 也可以在声明之后调用
          => 赋值式函数, 只能在声明之后调用, 声明之前会报错

      扩展: 报错信息
        + Uncaught TypeError: fun is not a function
          => 不是表示 fun 没有声明
          => 只是表示 fun 不是一个函数
          => 你在代码里面写了一个 xxx()
          => 这个 xxx 不是一个函数
        + Uncaught ReferenceError: fun is not defined
          => 表示 fun 这个变量没有定义过
          => 你在某一个位置使用了 fun 变量
          => 但是你从来没有定义过

  函数的参数
    + 在 JS 里面
    + 函数的参数分成两种
      1. 形参
        => 写在函数定义阶段的 () 里面
        => 就相当于一个只能在函数内部使用的变量
        => 起名遵循变量命名规则和规范
        => 值由函数的实参来决定
      2. 实参
        => 写在函数调用阶段的 () 里面
        => 就是一个准确的值, 是为了给函数的形参进行赋值的
      -> 形参和实参, 都可以写多个
        => 多个的时候, 中间用 逗号(,) 分隔
        => 多个的时候, 是按照从左到右的顺序一一对应
    + 函数每一次的调用
      => 形参的值都有本次调用的时候传递的实参决定

      函数参数的个数关系
        + 一样多
          => 按照从左到右的顺序一一对应
        + 实参多
          => 前面的按照顺序一一对应, 多出来的实参, 在函数内部没有形参接收
          => 不能直接使用
        + 形参多
          => 前面的按照顺序一一对应, 多出来的形参
          => 因为没有实参赋值
          => 所以使用的时候就是 undefined