通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if，switch选择;循环for while；下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数？简单来说是为了提高代码的复用性，写一遍可以多次使用，把特定的功能语句打包放在一起称之为函数。
专门建立的学习Q-q-u-n： 784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习技巧
（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>js函数与作用域,了解函数基本概念</title>
7 <script>
8 // var time=7;
9 // for(var a=1;a<=10;a++)
10 // {
11 // console.log(a+'早上7点对自己说10遍加油')
12 // }
13 // var time=12;
14 // for(var a=1;a<=10;a++)
15 // {
16 // console.log(a+'中午12点对自己说10遍加油')
17 // }
18 // var time=23;
19 // for(var a=1;a<=10;a++)
20 // {
21 // console.log(a+'晚上23点对自己说10遍加油')
22 // }
23 // ==========================================================================
24 // 函数 function 名字(0,1也是可以的 多个参数){
25 // 执行的语句
26 // }
27 // function myshelf()
28 // {
29 // for(var a=1;a<=10;a++)
30 // {
31 // console.log(a+'好好学习，天天向上')
32 // }
33 // }
34 // var time=7;
35 // myshelf();
36
37 // var time=12;
38 // myshelf();
39
40 // var time=23;
41 // myshelf();
42
43 // var time=7;
44 // myshelf();
45 // var myshelf_time=myshelf;
46 // myshelf_time();
47 // ==========================================================================
48 // 函数 function 名字(0,1也是可以的 多个参数){
49 // 执行的语句
50 // }
51
52 // function myshelf(num)
53 // {//num 形参 形式参数
54 // for(var a=1;a<=num;a++)
55 // {
56 // console.log(a+'好好学习，天天向上')
57 // }
58 // }
59 // var time=7
60 // myshelf(10) //实参 实际参数
61
62 // function myshelf(num,time)
63 // {//time 如果未定义就是undefined
64 // for(var a=1;a<=num;a++)
65 // {
66 // console.log(time+'点第'+a+'遍'+'好好学习，天天向上');
67 // }
68 // }
69 // var time=7;
70 // myshelf(10,time) ;
71
72 // var time=12;
73 // myshelf(5);//执行结果：undefined点第5遍好好学习，天天向上
74
75 // var time=12;
76 // myshelf(5,time);//执行结果：undefined点第5遍好好学习，天天向上
77 // ==========================================================================
78 function myshelf(num,time) 79 {//time=>undefined;默认值为7
80 //var num=10;参数放在里面相当于变量，没办法一一呼应
81 if(time==undefined)
82 {
83 time=7;
84 }
85 for(var a=1;a<=num;a++)
86 {
87 console.log(time+'点第'+a+'遍'+'好好学习，天天向上');
88 }
89 }
90 // var time=7;
91 // myshelf(10) ;
92
93 var time=7;
94 myshelf(10,12) ;// var time=12;
95 // ==========================================================================
96 //函数的另外一个功能return返回值
97 function add(x,y){//加法
98 var z=x+y;
99 return z; 100 } 101 //var z=x+y;
102 //return z;
103
104 // var rs=z;//add(1,2)
105
106 var rs=add(1,2); 107 console.log('1+2='+rs); 108
109 var rs=add(3,4); 110 console.log('3+4='+rs); 111 //注释:定义一个方法，想要x,y做加法，不论传进来什么值，都可以得出一个数字，可是我不想每次都写x+y,对应的z=x+y,怎么办了？外面有一个add(1,2)要做加法，怎么获取它的值？这里就需要用到return返回值，返回的结果z怎么接收？定义变量rs=add(1,2),也就相当于rs=z，里面的代码拿到外面话就是var x+y=z;reurn z;下面通过var rs=add(1,2)与var rs=add(3,4)的值console.log打印说明
112 </script>
113 </head>
114 <body>
115 </body>
116 </html>
参数小结：形参如果放在里面没办法传进来，实参设计好，通过function=>有一个形参没有写的话，结果显示underfined未定义，里面的参数就是变量，形参写在里面，没办法和外面一 一呼应传进来，为了一 一呼应，写在外面（num,time）这里叫形参，形参就是形式上的参数，实际上就是一个定义变量；在下面就可以用实际代码执行，具体调用，把外面的实参定义好，用方法名()将对应参数传进来，设计好，有的话，一 一呼应，传进来后，实现代码复用的最基本功能。
函数另外一个功能return返回值，如果没有它，上面代码最后展示1+2=undefined；3+4=undefined
网友评论