JavaScript函数

61 阅读3分钟
前言:

开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第10天,点击查看活动详情

认识函数

  • 函数其实就是某段代码的封装,这段代码帮助我们完成某一个功能;
  • 默认情况下JavaScript引擎或者浏览器会给我们提供一些已经实现好的函数;
  • 我们也可以编写属于自己的函数;

函数使用的步骤

  • 函数的使用包含两个步骤:
    • 声明函数 —— 封装 独立的功能
    • 调用函数 —— 享受 封装 的成果
  • 声明函数,在JavaScript中也可以称为定义函数:
    • 声明函数的过程是对某些功能的封装过程;
    • 在之后的开发中,我们会根据自己的需求定义很多自己的函数;
  • 调用函数,也可以称为函数调用:
    • 调用函数是让已存在的函数为我们所用;
    • 这些函数可以是刚刚自己封装好的某个功能函数;
    • 当然, 我们也可以去使用默认提供的或者其他三方库定义好的函数;
  • 函数的作用:
    • 在开发程序时,使用函数可以提高编写的效率以及代码的重用;

声明和调用函数

  • 声明函数使用function关键字:这种写法称之为函数的定义
function 函数名(){
    函数封装的代码
    ……
}
  • 注意:
    • 函数名的命名规则和前面变量名的命名规则是相同的;
    • 函数要尽量做到见名知意(并且函数通常是一些行为(action),所以使用动词会更多一些);
    • 函数定义完后里面的代码是不会执行的,函数必须调用才会执行;
  • 调用函数通过函数名()即可:比如test()

函数的参数

  • 函数的参数:
    • 函数,把 具有独立功能的代码块 组织为一个小模块,在需要的时候 调用
    • l函数的参数,增加函数的 通用性,针对 相同的数据处理逻辑,能够 适应更多的数据
  • 形参和实参
    • 形参(参数 parameter):定义 函数时,小括号中的参数,是用来接收参数用的,在函数内部 作为变量使用
    • 实参(参数 argument):调用 函数时,小括号中的参数,是用来把数据传递到 函数内部 用的

image.png

函数的返回值

  • 函数不仅仅可以有参数, 也可以有返回值:
    • 使用return关键字来返回结果;
    • 一旦在函数中执行return操作,那么当前函数会终止;
    • 如果函数中没有使用 return语句 ,那么函数有默认的返回值:undefined;
    • 如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是:undefined;

arguments参数

  • 函数有一个特别的对象:arguments对象
    • 默认情况下,arguments对象是所有(非箭头)函数中都可用的局部变量;
    • 该对象中存放着所有的调用者传入的参数,从0位置开始,依次存放;
    • arguments变量的类型是一个object类型( array-like ),不是一个数组,但是和数组的用法看起来很相似;
    • 如果调用者传入的参数多余函数接收的参数,可以通过arguments去获取所有的参数;