让我们深入探讨一下 JavaScript中的函数

首先当然先理解理论

函数 就是封装一段 可以被重复执行的调用者的代码块 . 让大量的代码重复调用和使用 , 节省页面性能

1 书写方式 :

function 函数名 () {
  // 语句
}

1.1 图列 :

36.png

1.2 : 函数的流程图

37.png

2 : 函数的作用
函数就是封装一段 可以重复执行的调用者代码块 . 就是让大量的重复代码可以方便的调用和使用 . 节省代码 . 还能提升页面性能

2.1 : 图列 :

35.png

3 : 函数的调用 图列

38.png

3.1 : 函数的 arguments
当我们不确定到底有多少参数要传递给实参的时候
就可以使用 arguments 实际上它是当前函数的一个内置对象 . 包括所有的函数 注意 : 不包括 ES6 箭头函数
arguments对象中储存了所有传递过来的实参
arguments蚕食形式是一个伪数组 . 因此可以进行变量 . 伪数组具有两种特性 :
1 . 具有数据的 length属性
2 . 按照索引的方式 储存数据 但是不必备 数组 push 和 pop的方法
3.2 : 图列

39.png

3.3 函数参数的注意事项 :

函数参数 : 形参 和 实参 不匹配的问题

1 : 实参个数 等于 形参个数 : 输出正确的结果

2 : 实参个数 多余 形参个数 : 只取到形参的个数

3 : 实参个数 小于 形参个数 : 多余的形参 默认定义为 undefined

4 : 函数的 return

函数只是实现了某种功能 . 最终的结果需要返回给函数的调用者 通过 return 将函数里面的数据 扔出去
同时return它也是一个终止行为

我们 一 一 讲解 :
4.1 : 当函数没有return的时候的情况 示例

40.png

4.2 : 当函数有return的时候的情况 示例

41.png

4.3 : 当函数遇到return的时候的情况 示例

42.png

4.4 : 当函数 return 值的时候 示例 : 单个

43.png

45.png

函数的基本 已讲完 后续更新 回调函数 . 声明函数.高级函数.箭头函数.等等...

后续一定更加精致 不喜勿喷
留下大佬 您最好的建议 给予我这个{ 萌新 }最好的帮助
今日打卡 : 2020.05.26