函数

96 阅读3分钟

1.函数的概念

  • 函数:就是封装了一段可以被重复执行调用的代码块
  • 目的:就是让大量代码重复使用

图片.png

2.函数的使用

  • 函数在使用分为两步:
  1. 声明函数
  2. 调用函数

2.1 声明函数

图片.png

  • function是声明函数的关键字,必须小写
  • 由于函数一般是为了实现某个功能才定义的,所以通常我们将函数名命名为动词,比如:getSum

2.2调用函数

图片.png

  • 调用的时候千万不要忘记添加小括号
  • 口诀:函数不调用,自己不执行
  • 注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码 图片.png

2.3函数的封装

  • 函数的封装是吧一个或者多个功能通过函数的方式封装起来,对外只提供一个简单的函数接口
  • 简单理解:封装类似于将电脑配件整合组装到机箱中(类似快递打包)

图片.png

3.函数的参数

3.1形参和实参

  • 在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参

图片.png -** 参数的作用**:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去

图片.png

图片.png

3.2函数形参和实参个数不匹配问题

图片.png

  • 注意:在js中,形参的默认值是undefined 图片.png

3.3函数参数小结

  • 函数可以带参数也可以不带参数
  • 声明函数的时候,函数名括号里面的是形参,形参的默认值为undefined
  • 调用函数的时候,函数名括号里面的是实参
  • 多个参数中间用逗号分隔开
  • 形参的个数可以和实参个数不匹配,但是结果不可预计,我们尽量要匹配

4.函数的返回值

4.1return语句

  • 有的时候,我们会希望函数将值返回给调用者,此时通过使用return语句就可以实现 图片.png

图片.png

4.2 return终止函数

return语句之后的代码不被执行

图片.png

图片.png

4.3return的返回值

return只能返回一个值,如果用逗号隔开多个值,以最后一个为准

图片.png

4.4函数没有return返回undefined

  • 函数都是有返回值的
  1. 如果有return则返回return后面的值
  2. 如果没有return则返回undefined

图片.png

4.5break,continue,return的区别

  • break:结束当前的循环体(for,while)
  • continue:跳出本次循环,继续执行下次循环(for,while)
  • return:不仅可以退出循环,还能够返回return语句中的值,同时还可以结束当前的函数体内的代码

图片.png

5.arguments的使用

当我们不确定有多少个参数传递的时候,可以用arguments来获取,在js中,arguments实际上它是当前函数的一个内置对象,所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有实参

图片.png

6.函数案例

函数可以调用另外一个函数

图片.png

图片.png

图片.png

7.函数的两种声明方式