函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块
函数的定义:
JavaScript函数是包裹在花括号中的代码块,花括号前面加了关键词function,当我们调用该函数时就会执行代码。
如图所示
注意!对于JavaScript来说,对于大小写非常的敏感,所以我们的关键词function必须要小写,并且必须以与函数名称相同的大小写来调用函数。
实例
通过手动点击按钮来调动函数
实现效果如下
带参数的函数
带参数的意义就是函数可以发送任意多的参数,参数由“,”隔开
它的语法如图所示
而在使用过程中参数和变量的顺序必须要一致,第一个变量就是传过来的第一个参数,第二个变量就是第二个传过来的参数,以此类推
如实例所示
通过点击按钮来获取到参数,效果如下
带返回值的函数
使用一个return语句,使用后会停止执行,并返回指定的值。
实例
求和的效果
函数表达式
函数我们可以写成一个表达式形式,把它存放到一个变量里面,当我们想要调用,就可以通过变量来调用表达式。
实例
这种函数其实是一个匿名函数(函数是没有名称的),
函数储存在变量中,不需要函数名称,使用变量名来调用使用它
实现的效果
自调用函数
函数表达式的中调用,是通过一个小括号将封装的函数括起来,后面跟紧一个(),则会自己调用
实例
效果如图
函数是对象
函数既有属性也有方法,在JavaScript中使用typeof 操作符判断函数类型将返回"function" 。
实例
控制台返回function
JavaScript函数被描述为一个对象更为准确
arguments.length 属性返回函数调用过程接收到的参数个数
实例
会接收到我们接收到参数的个数