javscript函数的运用
程序员文章站
2022-03-21 21:37:19
函数，一段能够自动完成某些功能的代码块，函数的出现，既解决了重复使用重一功能的需求，又可以避免代码的臃肿性。 使用函数有两个要求：必须调用后才可以执行;函数名不要和关键字以及系统函数相同; 函数主要有三种，直接调用，参数传递，返回值。 1、直接调用： 2、参数传递： 3、返回值(在一般的前端开发中， ......
函数，一段能够自动完成某些功能的代码块，函数的出现，既解决了重复使用重一功能的需求，又可以避免代码的臃肿性。
使用函数有两个要求：必须调用后才可以执行;函数名不要和关键字以及系统函数相同;
函数主要有三种，直接调用，参数传递，返回值。
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>
上一篇： 简述浏览器端的九大缓存