JavaScript——函数的概念及应用(二)

一 、函数的参数

1、导读:函数的参数分为形参和实参function 函数名(形参1,形参2......)括号里面的为形参 调用时 函数名(实参1,实参2)
2、介绍
形参:形式上的参数
实参:实际的参数
3、形参和实参的执行过程

function coo(atf){
    
     //形参是接收实参的 atf = ‘红色’
	console.log(atf);
}
coo('红色');
//在开发中首先调用了coo函数名到函数中,发现携带了实参‘红色’,这样就赋值给了
//形参atf
coo('绿色');

这样结果就可以打印出不同了
在这里插入图片描述
4、函数的参数可以有,也可以没有个数限制
5、参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去

二、案例

1.利用函数求任意两个数的和

function getsum(num1,num2){
    
    
console.log(num1 + num2)
}
getsum(1,10);

2、利用函数求任意两个数之间的和

function getsums(start,end){
    
    
	var sum = 0;
	for (var i =start;i<=end;i++){
    
    
	sum+=i
	}
	console.log(sum);
}
getsums(1,100)

3、注意点
(1)多个参数之间用逗号隔开
(2)形参可以看做是不用声明的变量

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

function getsum(num1,num2){
    
    
   console.log(num1 + num2)
}
//1.如果实参的个数和形参的个数一致 则正常输出结果
getsum(1,10);
//2.如果实参的个数多于形参的个数 会取到形参的个数
getsum(1,10,1);
//3.如果实参的个数小于形参的个数 多余的形参定义为undefined 最终的结果就是NaN、
//形参可以看做是不用声明的变量num2是一个变量但是没有接受值  结果就是undefined
getsum(1);//NaN
//建议  我们尽量让实参的个数和形参相匹配

四、函数的返回值

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

//1、函数是做某件事或者实现某种功能
function coo(atf){
    
     
	console.log(atf);
}
coo('红色');
//2、函数的返回值格式
//function 函数名(){
    
    
//	return 需要返回的结果;
//}
//函数名();
//(1)我们函数只是实现某种功能,最终的结果需要返回给函数的调用者函数名()通过return实现的
//(2)只要函数遇到return 就把后面的结果返回给函数的调用者 函数名()=return后面的结果
//3、代码验证
function getRetur(){
    
    
	return 666;
}
getRetur();
console.log(getResult())


//改进上面的方法
function coo(atf){
    
    
  return atf;
}
console.log(coo('黄色'));

这样就打印出来了
在这里插入图片描述
2、求任意两个数的和

function getsum(num1,num2){
    
    
return num1 + num2;
}
console.log(getsum(1,2));

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_45054614/article/details/107641322