范仁义js课程---41、函数介绍
一、总结
一句话总结:
函数可以封装代码(功能),比如求三个数的最小值,将这个功能封装成函数之后,下次我们需要求三个数的最小值的时候,直接调用这个函数就可以,这样便于代码的复用,提高开发的效率
1、函数的语法是怎样?
function 函数名(参数1,参数2...){ 函数功能代码 }
function 函数名(参数1,参数2...){
函数功能代码
}
2、函数如何使用?
函数使用的话就是 函数名后面接小括号,有参数的话就在小括号里面加上参数,比如 minOfThree(a,b,c);
二、函数介绍
博客对应课程的视频位置:41、函数介绍
https://www.fanrenyi.com/video/19/139
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>函数介绍</title> 6 </head> 7 <body> 8 <!-- 9 10 函数 11 12 函数的语法 13 function 函数名([参数1,参数2...]){ 14 函数体:也就是完成我们需要功能的函数代码 15 } 16 17 我们写函数名的时候要见名知意, 18 19 函数的使用 20 函数名([参数1,参数2...]) 21 函数名() 22 23 函数的作用 24 函数的作用就是封装代码(功能),便于代码的复用,提高开发的效率,减少错误 25 26 --> 27 <script> 28 //需求:求三个数里面的最小的那个数 29 var a=13; 30 var b=50; 31 var c=31; 32 // if(a<b){ 33 // if(a<=c){ 34 // console.log(a); 35 // }else{ 36 // console.log(c); 37 // } 38 // }else{ 39 // if(b<=c){ 40 // console.log(b); 41 // }else{ 42 // console.log(c); 43 // } 44 // } 45 function minOfThree(x1,x2,x3) { 46 if(x1<x2){ 47 if(x1<=x3){ 48 console.log(x1); 49 }else{ 50 console.log(x3); 51 } 52 }else{ 53 if(x2<=x3){ 54 console.log(x2); 55 }else{ 56 console.log(x3); 57 } 58 } 59 } 60 minOfThree(a,b,c); 61 62 //我们要求 e,f,g三个数里面最小的那个 63 var e=12,f=15,g=20; 64 // if(e<f){ 65 // if(e<=g){ 66 // console.log(e); 67 // }else{ 68 // console.log(g); 69 // } 70 // }else{ 71 // if(f<=g){ 72 // console.log(f); 73 // }else{ 74 // console.log(g); 75 // } 76 // } 77 minOfThree(e,f,g); 78 79 80 //求 h,i,j三个数里面最小的 81 82 83 // 84 function hello() { 85 console.log('函数初体验!!'); 86 } 87 hello(); 88 hello(); 89 90 </script> 91 </body> 92 </html>