js函数

函数的概念

• 对于 js 来说，函数就是把任意一段代码放在一个 盒子 里面

• 在我想要让这段代码执行的时候，直接执行这个 盒子 里面的代码就行

• 先看一段代码

函数的优点

• 函数就是对一段代码的封装，在我们想调用的时候调用
• 函数的几个优点
  1. 封装代码，使代码更加简洁
  2. 复用，在重复功能的时候直接调用就好
  3. 代码执行时机，随时可以在我们想要执行的时候执行

函数的两个阶段

• 按照我们刚才的说法，两个阶段就是 放在盒子里面 和 让盒子里面的代码执行

函数定义阶段

• 定义阶段就是我们把代码 放在盒子里面

• 我们就要学习怎么 放进去，也就是书写一个函数

• 我们有两种定义方式 声明式 和 赋值式

声明式

• 使用 function 这个关键字来声明一个函数

• 语法：

  function fn() {
    // 一段代码
  }
  // function: 声明函数的关键字，表示接下来是一个函数了
  // fn: 函数的名字，我们自己定义的（遵循变量名的命名规则和命名规范）
  // (): 必须写，是用来放参数的位置（一会我们再聊）
  // {}: 就是我们用来放一段代码的位置（也就是我们刚才说的 “盒子”）
  
  #### 赋值式
  
  

• 其实就是和我们使用 var 关键字是一个道理了

• 首先使用 var 定义一个变量，把一个函数当作值直接赋值给这个变量就可以了

• 语法：

  var fn = function () {
    // 一段代码
  }
  // 不需要在 function 后面书写函数的名字了，因为在前面已经有了
  
  ### 函数调用阶段
  
  

• 就是让 盒子里面 的代码执行一下

• 让函数执行

• 两种定义函数的方式不同，但是调用函数的方式都以一样的

调用上的区别

• 虽然两种定义方式的调用都是一样的，但是还是有一些区别的

• 声明式函数： 调用可以在 定义之前或者定义之后

函数的参数

• 我们在定义函数和调用函数的时候都出现过 ()

• 现在我们就来说一下这个 () 的作用

• 就是用来放参数的位置

• 参数分为两种 行参 和 实参

行参和实参的作用

1. 行参

   • 就是在函数内部可以使用的变量，在函数外部不能使用

   • 每写一个单词，就相当于在函数内部定义了一个可以使用的变量（遵循变量名的命名规则和命名规范）

   • 多个单词之间以 , 分隔

   • 2. 实参

   • 在函数调用的时候给行参赋值的

   • 也就是说，在调用的时候是给一个实际的内容的