js函数与作用域,了解函数基本概念

通过js基础语法了解到js的值包含数字,字符串和布尔值;js运算符分为算数,赋值,比较和逻辑运算符;js的流程控制包含条件判断if,switch选择;循环for while;下面js的函数及作用域,学习掌握知识点:1.函数是什么?形参和实参2.函数里面的arguments3.作用域和预解析4.闭包和立即执行实例解析。什么是函数?简单来说是为了提高代码的复用性,写一遍可以多次使用,把特定的功能语句打包放在一起称之为函数。

  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

猜你喜欢

转载自www.cnblogs.com/dhnblog/p/12370300.html