函数

---

函数

博客

一、什么是函数 ?

• 计算机编程语言里面的函数
• 指的是一段代码被放在了一起, 做成一个整体
• 当你需要使用这一段代码的时候, 直接把这个整体拿过来用就可以了

二、函数的优点

• 对代码的封装, 代码更加简洁
• 代码调用时机可以由我来决定

三、函数的过程

• 把代码放在盒子里 - 定义一个函数
• 把盒子里面的代码拿出来执行 - 调用(使用)一个函数

四、定义一个函数

• 两种方式：声明式和赋值式

1. 声明式：
   语法：function 函数名() {}

   • function：函数调用的关键字
   • 空格 : 必须有, 分隔关键字和函数名使用的
   • 函数名：自己定义的一个名字，遵循变量的命名规则和命名规范
   • () : 必须写, 书写参数的位置(稍后详细讲)
   • {}：相对于盒子，里面写要执行的代码
   • ⚠️注意：定义一个函数的时候, 函数内部的代码只有使用的时候才会执行

2. 赋值式函数：

   • 语法: var 函数名 = function () {}
   • 使用 var 定义一个变量
   • 这个变量保存的是一个函数, 不是一个数字字符串之类的内容

五、调用函数

1. 函数名() 例如：fun()

2. 通过JS事件执行函数

   ⚠️注意：1.声明式函数可以在定义前执行也可以在定义后执行；2。赋值式函数只能在定义后执行。

六、函数的参数

• 形参:

  • 书写在函数定义时的小括号里面
  • 意义: 只能在函数内部使用的变量, 在函数外面用不了
  • 可以书写多个, 也可以书写一个, 多个的时候, 中间使用 逗号(,) 分隔，由函数的实参来进行赋值
    -> function fn(a, b, c) {}
    -> var fn = function (a, b, c) {}

• 实参:

  • 书写在函数调用阶段的小括号里面
  • 意义: 按照从左到右的顺序依次给函数的形参进行赋值
    -> fn(10, 20, 30)

七、arguments

• 在函数内部天生自带的一个变量,不需要定义, 直接使用就可以了

• 只要是一个函数, 那么在函数内部就有这个变量

• 意义: 是一个集合, 里面按照索引存放了所有的实参

  • arguments 有一个 length 属性,表示 arguments 的长度：语法: atguments.length
  • arguments 的 索引，从 0 开始, 依次递增，arguments[0]

八、函数的返回值

• 就是给一个函数运行完毕增加一个结果
• 语法: 在函数内部使用 return 关键字，写在 return 关键字后面的内容就是这个函数的结果
• 在函数中return后的语句都不会执行