當前位置:編程學習大全網 - 編程語言 - Js編程語言中,什麽叫匿名自我調用函數?

Js編程語言中,什麽叫匿名自我調用函數?

匿名函數:就是沒有函數名的函數。

函數的定義,大致可分為三種方式:

第壹種:這也是最常規的壹種

function double(x){

return 2 * x;

}

第二種:這種方法使用了Function構造函數,把參數列表和函數體都作為字符串,很不方便,不建議使用。

var double = new Function('x', 'return 2 * x;');

第三種:

var double = function(x) { return 2* x; }

註意“=”右邊的函數就是壹個匿名函數,創造完畢函數後,又將該函數賦給了變量square。

匿名函數的創建

第壹種方式:就是上面所講的定義square函數,這也是最常用的方式之壹。

第二種方式:

(function(x, y){

alert(x + y);

})(2, 3);

這裏創建了壹個匿名函數(在第壹個括號內),第二個括號用於調用該匿名函數,並傳入參數。括號是表達式,是表達式就有返回值,所以可以在後面加壹對括號讓它們執行.

自執行的匿名函數

1. 什麽是自執行的匿名函數?

它是指形如這樣的函數: (function {// code})();

2. 疑問

為什麽(function {// code})();可以被執行, 而function {// code}();卻會報錯?

3. 分析

(1). 首先, 要清楚兩者的區別:

(function {// code})是表達式, function {// code}是函數聲明.

(2). 其次, js"預編譯"的特點:

js在"預編譯"階段, 會解釋函數聲明, 但卻會忽略表式.

(3). 當js執行到function() {//code}();時, 由於function() {//code}在"預編譯"階段已經被解釋過, js會跳過function(){//code}, 試圖去執行();, 故會報錯;

當js執行到(function {// code})();時, 由於(function {// code})是表達式, js會去對它求解得到返回值, 由於返回值是壹 個函數, 故而遇到();時, 便會被執行.

另外, 函數轉換為表達式的方法並不壹定要靠分組操作符(),我們還可以用void操作符,~操作符,!操作符……

如:

!function(){

alert("另類的匿名函數自執行");

}();

匿名函數與閉包

閉包的英文單詞是closure,這是JavaScript中非常重要的壹部分知識,因為使用閉包可以大大減少我們的代碼量,使我們的代碼看上去更加清晰等等,總之功能十分強大。

閉包的含義:閉包說白了就是函數的嵌套,內層的函數可以使用外層函數的所有變量,即使外層函數已經執行完畢(這點涉及JavaScript作用域鏈)。

function checkClosure(){

var str = 'rain-man';

setTimeout(

function(){ alert(str); } //這是壹個匿名函數

, 2000);

}

checkClosure();

這個例子看上去十分的簡單,仔細分析下它的執行過程還是有許多知識點的:checkClosure函數的執行是瞬間的(也許用時只是0.00001毫秒),在checkClosure的函數體內創建了壹個變量str,在checkClosure執行完畢之後str並沒有被釋放,這是因為setTimeout內的匿名函數存在這對str的引用。待到2秒後函數體內的匿名函數被執行完畢,str才被釋放。

用閉包來優化代碼:

function forTimeout(x, y){

alert(x + y);

}

function delay(x , y , time){

setTimeout('forTimeout(' + x + ',' + y + ')' , time);

}

/**

* 上面的delay函數十分難以閱讀,也不容易編寫,但如果使用閉包就可以讓代碼更加清晰

* function delay(x , y , time){

* setTimeout(

* function(){

* forTimeout(x , y)

* }

* , time);

* }

*/

匿名函數最大的用途是創建閉包(這是JavaScript語言的特性之壹),並且還可以構建命名空間,以減少全局變量的使用。

var oEvent = {};

(function(){

var addEvent = function(){ /*代碼的實現省略了*/ };

function removeEvent(){}

oEvent.addEvent = addEvent;

oEvent.removeEvent = removeEvent;

})();

在這段代碼中函數addEvent和removeEvent都是局部變量,但我們可以通過全局變量oEvent使用它,這就大大減少了全局變量的使用,增強了網頁的安全性。

我們要想使用此段代碼:

oEvent.addEvent(document.getElementById('box') , 'click' , function(){});

var rainman = (function(x , y){

return x + y;

})(2 , 3);

/**

* 也可以寫成下面的形式,因為第壹個括號只是幫助我們閱讀,但是不推薦使用下面這種書寫格式。

* var rainman = function(x , y){

* return x + y;

* }(2 , 3);

在這裏我們創建了壹個變量rainman,並通過直接調用匿名函數初始化為5,這種小技巧有時十分實用。

var outer = null;

(function(){

var one = 1;

function inner (){

one += 1;

alert(one);

}

outer = inner;

})();

outer(); //2

outer(); //3

outer(); //4

這段代碼中的變量one是壹個局部變量(因為它被定義在壹個函數之內),因此外部是不可以訪問的。但是這裏我們創建了inner函數,inner函數是可以訪問變量one的;又將全局變量outer引用了inner,所以三次調用outer會彈出遞增的結果。

  • 上一篇:程序員年紀大了怎麽辦
  • 下一篇:歷史的塵埃凱特瑞亞bug
  • copyright 2024編程學習大全網