函数的本质就是一个容器,用来保存逻辑代码,可以让程序复用率更高,节省页面代码。
函数的语法为:
function 自定义函数名 (){
逻辑代码
}
函数名()
注意:
- 函数中可以写任何的逻辑代码。
- 函数默认不会执行逻辑及代码,函数需要调用才会执行,调用方法就是:函数名()
参数
然而参数本质就是一个容器,分为形参和实参。
形参:在定义函数的时候,函数名后面()中的变量,形参的本质就是一个变量,不能加let
实参:在调用函数的时候,函数名后面()中的值,实参的本质就是用来给赋值的
形参与实参的位置:
代码演示过程:
1. 求1-100的和(for循环写法)
let sum = 0
for (let i = 1; i <= 100; i++) {
sum += i;
}
console.log(sum)
2.求1-100的和(函数写法)
就是直接在for循环外面套用一个函数,函数名为fn,使用函数后就不会立刻执行了,必须使用fn()调用,代码才会执行
function fn() {
let sum = 0
for (let i = 1; i <= 100; i++) {
sum += i;
}
console.log(sum)
}
fn()
3.求1-100的和(函数参数写法)
形参就是自定义的一个变量名,用来储存实参传递过来的值,再代用到逻辑代码中。在下面函数中,n就是一个变量名,也就是形参,数值100就是要传递给形参(变量n)的数值,代表求1-100之间是和;数值5,就是要求1-5之间的数字和。体现了函数的复用率,求1-任意数之间的和,只需要吧实参中的数值改了就可以比如fn(100)、fn(5)、fn(60)等......
function fn(n) {
// function fn(形参) {
let sum = 0
for (let i = 1; i <=n; i++) {
//for (let i = 1; i <=形参; i++) {
sum += i;
}
console.log(sum)
}
fn(100)
// fn(实参)
fn(5)//1-5之间的和
4.求m-n的和(函数参数写法)
参数的个数不是固定的,可以是多个,参数之间必须使用逗号隔开。在实际应用中,想要求的可能不止是1-100的数字和,也有可能是3-100、50-60等和,那么我们就不能一个函数一个函数的写,我们只需要在定义一个参数(变量m),再代用到代码中,就可以随便求任意数之间的和了。只需要把调用中的实参(1,100)的数值改变就可以了。
function fn(m,n) {
let sum = 0
for (let i = m; i <= n; i++) {
sum += i;
}
console.log(sum)
}
fn(1,100)
参数总结
- 函数中的参数不是必须要加的,是否需要参数要看具体需求
- 函数中的参数个数不是固定的,如果是多个参数,则参数之间必须使用逗号隔开
- 函数中形参和实参的关系是一一对应的(个数要对应,赋值也要对应)
- 形参的是什么,完全取决于实参的值