js- 函数

函数的概述

1. 什么是函数？
   

将一个（反复）使用的功能，封装成一个独立的模块，这个模块叫做函数。

1. 好处
   

使程序可控 一次封装，无限次使用（增加代码的复用度）

1. 函数的类型
   

Function

1. 函数的分类
   

内置函数（库函数、系统函数） 自定义函数

函数的声明

1. 语句定义法（声明式函数）: 可以任意位置调用！
   

function是JS中内置的数据类型

function  声明函数的关键字, 全部小写

函数是做某件事请,函数名一般是动词

函数不调用,自己不执行

function 函数名([参数]){

   //功能

}

1. 表达式定义法（赋值式函数）：只能先声明，后使用！
   

var 变量名 = function([参数]){

   //功能

}

函数的调用

1. 一般调用 ：函数名([参数])
   

<!-- 调用函数的时候千万不要忘记小括号 -->

函数的参数

<!-- 可以带参数,可以不带参数 -->

1. 形式参数（形参） ：声明函数时小括号里面使用的参数,(形式上的参数)
   
2. 实际参数（实参） ：调用函数时小括号里面使用的参数,(实际的参数)
   

形参和实参的执行过程

<!-- 调用函数时,把实参传递给形参 形参是接收实参的,形参类似于一个变量 -->

函数的注意点

1.多个参数之间逗号隔开 2.形参可以看做是不用声明的变量

形参实参的匹配问题

1. 如果形参和实参的数量一致,则正常输出结果
   
2. 如果实参的数量少于形参的数量时，多余的形参值为undefined 最终的结果为 NaN
   
3. 如果实参的数量多于形参的数量时，会取到形参的个数,多余的实参忽略。 <!-- 建议尽量形参和实参的数量相匹配 -->
   

函数的返回值

<!-- 我们的函数只是实现某种功能,最终的结果需要返回给函数的调用者 函数名( ) 通过return实现的 只要函数遇到return, 就把后面的结果 返回给函数的调用者 函数名() = return后面的结果 在我们实际开发里面,我们经常使用一个变量来接收返回结果 -->

1. return
   

• 将函数中处理后的结果返回到调用该函数的地方。
  

• 退出函数
  

1. return 后面的代码不会被执行
   
2. return 只能返回一个值 , 返回的结果是最后一个值
   
3. return 想要输出多个值,可以使用数组来输出.
   

1. 我们的函数如果有 return 则返回return后面的值,如果没有return 则返回undefined
   

// 比如 1 + 2 是一个表达式，那么 这个表达式的结果就是 3

console.log(1 + 2) // 3

function fn() {

 // 执行代码

}

// fn() 也是一个表达式，这个表达式就没有结果出现

console.log(fn()) // undefined

// 比如 1 + 2 是一个表达式，那么 这个表达式的结果就是 3

console.log(1 + 2) // 3

function fn() {

 // 执行代码

}

// fn() 也是一个表达式，这个表达式就没有结果出现

console.log(fn()) // undefined