简单说函数

• 我们代码里面所说的函数和我们上学的时候学习的什么三角函数、二次函数之类的不是一个东西

函数的概念

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

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

• 先看一段代码

  // 这个是我们以前写的一段代码
  for (var i = 0; i < 10; i++) {
    console.log(i)
  }
  ​
  // 函数，这个 {} 就是那个 “盒子”
  function fn() {
    // 这个函数我们以前写的代码
    for (var i = 0; i < 10; i++) {
      console.log(i)
    }
  }
  

函数的两个阶段（重点）

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

函数定义阶段

• 定义阶段就是我们把代码 放在盒子里面
• 我们就要学习怎么 放进去，也就是书写一个函数
• 我们有两种定义方式 声明式 和 赋值式

声明式

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

• 语法：

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

赋值式

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

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

• 语法：

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

函数调用阶段

• 就是让 盒子里面 的代码执行一下
• 让函数执行
• 两种定义函数的方式不同，但是调用函数的方式都以一样的

调用一个函数

• 函数调用就是直接写 函数名() 就可以了

  // 声明式函数
  function fn() {
    console.log('我是 fn 函数')
  }
  ​
  // 调用函数
  fn()
  ​
  // 赋值式函数
  var fn2 = function () {
    console.log('我是 fn2 函数')
  }
  ​
  // 调用函数
  fn()
  

  • 注意： 定义完一个函数以后，如果没有函数调用，那么写在 {} 里面的代码没有意义，只有调用以后才会执行

调用上的区别

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

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

  // 可以调用
  fn()
  ​
  // 声明式函数
  function fn() {
    console.log('我是 fn 函数')
  }
  ​
  // 可以调用
  fn()
  

• 赋值式函数： 调用只能在 定义之后

  // 会报错
  fn()
  ​
  // 赋值式函数
  var fn = function () {
    console.log('我是 fn 函数')
  }
  ​
  // 可以调用
  fn()