JavaScript函數基礎詳解,javascript函數詳解
什麼是函數?
函數是完成某一功能的程式碼片段
函數是可重複執行的程式碼片段
函數方便管理和維護
自訂函數
通過function關鍵字
function 函數名稱([參數,...]){
程式碼片段;
return 傳回值;}
注意
函數名稱不要包含特殊字元
函數名稱最好含義明確
函數名稱最好遵循駝峰標記法或者底線法
函數名稱嚴格區分大小寫
函數名稱如果重複會產生覆蓋
函數可以有參數也可以沒有參數,可以有一個參數也可以有多個參數
函數通過return加傳回值,如果沒有return 預設返回undefined
函數不調用不執行
匿名函數
函數運算式可以儲存在變數中,變數也可以作為一個函數使用
可以將匿名函數作為參數傳遞給其它函數,接收方函數就可以通過所傳遞進來的函數完成某些功能
可以通過匿名函數來執行某些一次性的任務
通過Function()建構函式
通過內建JavaScript函數構造器(Function())定義
var myFunction=new Function('a','b','return a+b');var myFunction=function(a,b){return a+b;};
注意
以上兩種方式是等價的
盡量避免使用new關鍵字
原始碼
<!DOCTYPE html><html><head><meta charSet="utf-8"><title></title></head><body><Script type="text/javaScript">// teSt();function teSt(){alert('thiS iS a teSt');}// teSt();//函數名稱嚴格區分大小寫function TEST(){alert("hello king");}// TEST();//函數名稱重複會產生覆蓋// teSt();function teSt(){alert('hello maizi');}// teSt();function teSt1(){alert('thiS iS teSt1 function');}// alert(teSt1());function teSt2(){return null;return undefined;return;return true;return 'thiS iS king';return 1.2;alert('thiS iS a teSt');return 1;}// alert(teSt2());function calc(num1,num2){return num1+num2;}// alert(calc(1,2));// alert(window.calc(3,5));// alert(calc(1,2,3,4,5,6));// function calc1(num1=1,num=2){// return num1+num2;// }function calc1(num1,num2){num1=num1||1;num2=num2||2;return num1+num2;}alert(calc1(3,6));</Script></body></html>
運行結果:
以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的協助,同時也希望多多支援幫客之家!