當前位置:才華齋>設計>網頁設計>

javascript函式詳解

網頁設計 閱讀(1.5W)

在javascript中,函式可看作是一種資料,可以賦值給變數,可以巢狀在另一個函式中。

javascript函式詳解

var fun = function(){ ("平底斜");}

function fun(){ var n=10; function son(){ n++; } son(); (n);}fun(); //11fun(); //11

我們把上面第二段程式碼稍微修改下:

var n=10;function fun(){ function son(){ n++; } son(); (n);}fun(); //11fun(); //12

看出差別了嗎,如果理解不了程式碼執行結果,請看上一篇博文,關於javascript作用域和作用域鏈的講解

上面這段程式碼中變數n是全域性變數,隨時可能被重新賦值,而無需通過fun函式的呼叫。為了讓變數n不受汙染,或者說是減少全域性變數的`汙染,我們需要把n放到函式中作為區域性變數。

function fun(){ var n=10; function son(){ n++; (n); } son();}fun(); //11fun(); //11

如果我們可以在全域性中直接呼叫son函式,那麼便可以達成想要的效果。son函式現在是作為區域性變數存在,要想在全域性中訪問,一般有兩種方法:

一種是賦值給全域性變數

var a;function fun(){ var n=10; a = function son(){ n++; (n); }}fun(); //son()a(); //11a(); //12

另一種是使用return返回值

function fun(){ var n=10; return function son(){ n++; (n); }}var a=fun();a(); //11a(); //12

上面的son()函式就是閉包,某種意義上所有函式都可以看作閉包。閉包就是可以訪問外層函式作用域的變數的函式。

var a;function fun(){ var n=10; a = function son(){ n++; (n); } return a();}fun(); //11a(); //12a(); //13fun(); //11a(); //12a(); //13

還是上面那段程式碼,我們稍微修改下,再看看執行結果,這是因為每次執行fun()函式時都會初始化變數n。

閉包的好處是減少全域性變數,避免全域性汙染,可以將區域性變數儲存在記憶體中。但這既是優點又是缺點,一段程式碼中如果閉包過多,有可能造成記憶體洩露。由於閉包中區域性變數不會被垃圾回收機制回收,所以需要手動賦值為null(關於記憶體洩露,後期單獨開專題)