函数的使用方法

145 阅读2分钟

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

函数

在JS 里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。
虽然 for循环语句也能实现一些简单的重复操作,但是比较具有局限性,此时我们就可以使用JS 中的函数。

函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。

1. 函数的使用

函数在使用时分为两步:声明函数和调用函数。
声明函数
function是声明函数的关键字,必须小写
1自定义函数方式
●因为有名字,所以也被称为命名函数
●调用函数的代码既可以放到声明函数的前面,也可以放在声明函数的后面

function函数名(){
   //具体函数带代码
     }
    //调用
    函数名()

2函数表达式方式

●因为函数没有名字,所以也被称为匿名函数
●这个 变量 里面存储的是一个函数
●函数表达式方式原理跟声明变量方式是一致的
●函数调用的代码必须写到函数体后面

 var 变量名=function函数名(){
   //具体函数带代码
     }
    //调用
    函数名()

调用函数

函数名();
●调用的时候千万不要忘记添加小括号
●注意:声明函数本身并不会执行代码,只有调用函数时才会执行函数体代码。
○口诀:函数不调用,不执行
●函数可以调用另外一个函数

函数的封装

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

2. 函数的参数

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

image.png

参数的作用: 在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去 函数形参和实参个数不匹配问题

image.png

总结

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