函数

58 阅读2分钟

变量和函数的预解析

  • 变量的规则: 也有人说是变量提升
    • JS 在运行我们的代码的时候, 会先整体阅读一次我们的 JS 代码,
    • 此时读取完毕后, 会将变量的声明(定义) 提取到页面的最顶部(JS代码的最顶部)
    • 但是注意: 提升的只有变量的声明, 没有变量的赋值
    • 那么换句话说, 也就是在变量定义前去使用, 得到的是一个 undefined
  • 函数的规则: 也有人说是函数提升
    • JS 在运行我们的代码的时候, 会先整体阅读一次我们的 JS 代码,
    • 此时读取完毕后, 会将声明式定义的函数 提取到页面的最顶部(JS代码的最顶部)
    • 所以我们在书写代码的时候, 可以在 声明式定义的函数前, 去调用函数

函数的参数

  1. 形参
    • 形参书写在函数名后边或者function关键字后边的小括号中
    • function fn(形参书写的位置) {}
    • 形参的书写就相当于在函数中创建了一个变量, 能够在函数内部使用, 形参的命名规则参考变量的命名规则
  • 形参的默认值
    • 在书写形参的时候, 后续跟一个赋值号, 加上默认值
    • 默认值只有在我们调用函数并且没有给形参传递对应的实参的时候才会生效
    • 如果你传递了对应的实参, 那么这个形参的值就是你传入的数据
  1. 实参
    • 实参书写在调用函数时函数名后的小括号中
    • fn(实参书写的位置)
    • 实参需要我们具体的传入一个数据或者变量, 然后这个数据或者变量会对应的赋值给形参

函数的返回值

     *  在 JS 中, 所有的函数都会有执行结果, 也就是返回值
     *  每一个函数中, 默认具有一个 return, 在函数内部的最后一行, 默认为 return undefined
     * 
     *  如果我们想要修改函数的执行结果, 我们需要在函数的内部手动书写一个返回值
     *  return 你需要返回的内容
     * 
     * 
  • 注意:
      1. 函数内部的 return 只会有一个生效, 谁先执行, 谁d生效
      1. return 具有中断函数的功能, 所以推荐写在函数的末尾, 如果必须书写在函数的开头, 那么一定要结合分支语句
  • JS 中的一个规则
    • 在函数的外部, 无法使用函数内部的变量或者形参, 如果我们需要函数内部的数据, 就需要借助 返回值
  • 返回值的功能:
      1. 中断函数
      1. 将函数内部的一些值, 返回给函数外部, 让函数外部可以使用