通过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