函数，一段能够自动完成某些功能的代码块，函数的出现，既解决了重复使用重一功能的需求，又可以避免代码的臃肿性。
使用函数有两个要求：必须调用后才可以执行;函数名不要和关键字以及系统函数相同;
函数主要有三种，直接调用，参数传递，返回值。
1、直接调用：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>圆的面积</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 //求任意一个圆的半径，得到面积 10 function mianji(){ 11 12 var r=prompt("请输入圆的半径："); 13 14 s=3.14*r*r; 15 16 alert("圆的面积是"+s); 17 18 } 19 20 mianji(); 21 22 </script> 23 24 </body> 25 </html>
2、参数传递：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>圆的面积</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 //求任意一个圆的半径，得到面积 10 function miaji(r){ 11 12 s=3.14*r*r; 13 14 alert("圆的面积为:"+s); 15 16 } 17 18 miaji(2); 19 20 miaji(3); 21 </script> 22 </body> 23 </html>
3、返回值(在一般的前端开发中，使用的都返回值)：
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>函数返回值</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 //返回值 10 function getSum(n,m){ 11 12 var sum=0; 13 14 for(var i=n;i<=m;i++){ 15 16 sum+=i; 17 18 } 19 20 //返回计算的值 21 return sum; 22 23 } 24 25 console.log(getSum(1,100)); 26 27 //控制台查询结果 28 </script> 29 </body> 30 </html>