函数,一段能够自动完成某些功能的代码块,函数的出现,既解决了重复使用重一功能的需求,又可以避免代码的臃肿性。
使用函数有两个要求:必须调用后才可以执行;函数名不要和关键字以及系统函数相同;
函数主要有三种,直接调用,参数传递,返回值。
第一种:直接调用:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆的面积</title> <script type="text/javascript"> //求任意一个圆的半径,得到面积 function mianji(){ var r=prompt("请输入圆的半径:"); s=3.14*r*r; alert("圆的面积是"+s); } mianji(); </script> </head> <body> </body> </html>
参数传递:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>圆的面积</title> <script type="text/javascript"> //求任意一个圆的半径,得到面积 function miaji(r){ s=3.14*r*r; alert("圆的面积为:"+s); } miaji(2); miaji(3); </script> </head> <body> </body> </html>
但是在一般的前端开发中,使用的都是第三种,也就是返回值。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>函数</title> <script type="text/javascript"> //返回值 function getSum(n,m){ var sum=0; for(var i=n;i<=m;i++){ sum+=i; } //返回计算的值 return sum; } console.log(getSum(1,100)); </script> </head> <body> </body> </html>