Javascript函數 Javascript函數是由事件驅動的或者當他被調用時執行的可重覆使用的代碼塊。所以說我們光創建了函數不調用是沒有啥用的,我們必須得調用它才能執行。 1.什麼是函數 (1)函數是完成某一功能的代碼段 (2)函數是可重覆執行的代碼段 (3)函數方便維護和管理 2.創建函數時我 ...
Javascript函數
Javascript函數是由事件驅動的或者當他被調用時執行的可重覆使用的代碼塊。所以說我們光創建了函數不調用是沒有啥用的,我們必須得調用它才能執行。
1.什麼是函數
(1)函數是完成某一功能的代碼段
(2)函數是可重覆執行的代碼段
(3)函數方便維護和管理
2.創建函數時我們應該註意些什麼?
(1)函數名稱嚴格區分大小寫
(2)函數名稱重覆會產生覆蓋
(3)函數名稱最好語義化
3.觸發函數
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <button onclick="Click()">點擊按鈕調用函數</button> 9 <script> 10 function Click(){ 11 alert('調用成功!'); 12 } 13 </script> 14 </body> 15 </html>
4.實現預設參數的函數
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script> 9 function calc(x,y){ 10 x=x||0; 11 y=y||0; 12 return x+y; 13 } 14 alert(calc()); 15 alert(calc(1,2)); 16 </script> 17 </body> 18 </html>
5.可變參形式的函數
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script> 9 function test(){ 10 var sum = 0 ; 11 var allNum = arguments.length ; //定義allNum為傳入參數的個數 12 for(var i=0;i<allNum;i++){ 13 sum+=arguments[i];//sum = sum + arguments[i] 14 document.write(arguments[i]); 15 } 16 return sum; 17 } 18 alert(test(1,2,4)); 19 </script> 20 </body> 21 </html>
6.變數作用域
(1)局部變數:在函數體內聲明的變數,僅在函數體內可以使用
(2)全局變數:全局變數,在申明變數到腳本結束後都可以使用
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <script> 9 var x=1; 10 function test(){ 11 document.write('1.函數體內的x的值為:'+x+'<br />'); 12 x=19; 13 document.write('2.此時函數體內重新對x值賦值,此時x的值為:'+x+'<br />'); 14 } 15 document.write('3.函數體外的x值:'+x+'<br />');//因為讀寫順序先執行這段代碼然後在執行函數 test() 16 test(); 17 document.write('4.函數體外的x值:'+x+'<br />'); 18 </script> 19 </body> 20 </html>
這僅僅是我個人的學習的心得,那裡有不足之處請提出來。謝謝各位大牛指點!!