微信扫一扫打赏支持

范仁义js课程---41、函数介绍

范仁义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>

 

 
posted @ 2020-03-03 20:56  范仁义  阅读(144)  评论(0)  编辑  收藏  举报