通過js基礎語法瞭解到js的值包含數字,字元串和布爾值;js運算符分為算數,賦值,比較和邏輯運算符;js的流程式控制制包含條件判斷if,switch選擇;迴圈for while;下麵js的函數及作用域,學習掌握知識點:1.函數是什麼?形參和實參2.函數裡面的arguments3.作用域和預解析4.閉包和... ...
通過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