javaScript第五天（2）

javaScript基础

01.知识点-函数【重点】

学习函数的目的

就是为将重复的功能代码包装成一个工具(盒子), 方便程序员重复调用

学习函数的路径
- 定义函数
- 调用函数
- 为了让函数的功能更加强大, 学习函数的参数
- 函数的返回值
函数的使用
- 函数的定义及调用
  - 函数的定义
    1. 通过 function关键字定义函数【常用的方式】
```
function  函数名() {代码;
}
```
    2. 通过字面量的方式(函数表达式)定义函数【js高级后常用的一种方式,目前阶段了解为主】
```
var 函数名  = function() {代码;
} 
```
  - 函数的调用
```
因为函数中的代码不会自己执行, 所以我们需要调用函数才可以执行里面的代码.调用函数: 执行函数中的代码函数名();   注意事项:
1. 函数的调用必须后面写 '()'
```
  - 函数定义和调用的总结
    1. 在定义函数的时候,必须加 ‘()’
    2. alert(), console.log(), Math.floor()… 都是函数
    3. 函数定义完成后,函数中的代码不会执行
    4. 想要执行函数中的代码, 必须调用函数 函数名称()
- 函数中的参数
  - 作用
```
就是用来接收用户传递的值, 参数的本质就是一个变量
```
  - 参数详解
    1. 形参
```
形参: 在定义函数时候小括号中变量  
注意: 函数可以有形参 也可以没有形参例如:
function fn(a) {}
a 称为是 函数 fn的形参, a形参的本质就是一个变量
```
    2. 实参
```
实参: 在调用函数时候小括号中的值注意: 函数如果有形参,那么在调用的时候就要设置实参例如:
function fn(a) {   
}
fn(3); a 叫函数的 形参3 叫函数的 实参
```
    3. 实参和形参的关系
```
1. 形参的值 是 通过 实参赋值的
2. 形参的值 和 实参的值是一一对应的
```
      [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TOJVURe5-1583485787646)(img/1583475070697.png)]
    4. 函数中参数的总结
      - 函数就是用来实现功能的, 不应该在函数中出现用户的操作
      - 形参的值是来自于实参的赋值结果
      - 实参如果是一个数组,那么形参就是一个数组
      - 实参如果是一个字符串,那么形参就是一个字符串
      - 实参如果是一个数字类型,那么形参就是一个数字类型
- 函数中的返回值
  - 为什么要学习返回值
```
通过返回值,可以解决让函数外部也可以使用函数内部的值
```
  - 如何使用返回值
    1. 在函数中,将需要函数外部使用的值(变量)前面加一个 return 关键字, 那么该值(变量) 就叫返回值
```
function fn() {var a = 1;var b = 2;var c  = 'abc';//c就是一个返回值return c;
}
```
    1. 当函数设置了返回值,那么就需要在函数外部接收返回值
```
定义一个变量 =  函数();
例如:
function fn() {var a = 1;var b = 2;var c  = 'abc';//c就是一个返回值return c;
}
//接收函数的返回值
var num = fn();
```
- 返回值使用过程中的一些注意事项
- 总结