通過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
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/146950.html
標籤：JavaScript
上一篇：Chrome開發者工具使用指南