JavaScript函數基礎詳解

2019-11-19 17:45:30

字體：大中小

來源：轉載

供稿：網友

什么是函數?

函數是完成某一功能的代碼段

函數是可重復執行的代碼段

函數方便管理和維護

自定義函數

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

運行結果：