Javascript中定義函數的方式有多種,函數直接量就是其中一種。如var fun = function(){},這裡function如果不賦值給fun那麼它就是一個匿名函數。好,看看匿名函數的如何被調用。
方式1,調用函數,得到返回值。強制運算符使函數調用執行
(function(x,y){ alert(x+y); return x+y; }(3,4));
方式2,調用函數,得到返回值。強制函數直接量執行再返回一個引用,引用再去調用執行
(function(x,y){ alert(x+y); return x+y; })(3,4);
這種方式也是很多庫愛用的調用方式,如jQuery,Mootools。
方式3,使用void
void function(x) { x = x-1; alert(x); }(9);
方式4,使用-/+運算符
-function(x,y){ alert(x+y); return x+y; }(3,4); +function(x,y){ alert(x+y); return x+y; }(3,4); --function(x,y){ alert(x+y); return x+y; }(3,4); ++function(x,y){ alert(x+y); return x+y; }(3,4);
方式5,使用波浪符(~)
~function(x, y) { alert(x+y); return x+y; }(3, 4);
方式6,匿名函數執行放在中括號內
[function(){ console.log(this) // 浏覽器得控制台輸出window }(this)]
方式7,匿名函數前加typeof
typeof function(){ console.log(this) // 浏覽器得控制台輸出window }(this)
方式8,匿名函數前加delete
delete function(){ console.log(this) // 浏覽器得控制台輸出window }(this)
方式9,匿名函數前加void
void function(){ console.log(this) // 浏覽器得控制台輸出window }(this)
方式10,使用new方式,傳參
new function(win){ console.log(win) // window }(this)
方式11,使用new,不傳參
new function(){ console.log(this) // 這裡的this就不是window了 }
方式12,逗號運算符
function(){ console.log(this) // window }();
方式13,按位異或運算符
^function(){ console.log(this) // window }();
方式14,比較運算符
function(){ console.log(this) // window }();
最後看看錯誤的調用方式
function(x,y){ alert(x+y); return x+y; }(3,4);
匿名函數的N種寫法如下所示
匿名函數沒有實際名字,也沒有指針,怎麼執行?
關於匿名函數寫法,很發散~
+號是讓函數聲明轉換為函數表達式。匯總一下
最常見的用法:
代碼如下:
(function() { alert('water'); })();
當然也可以帶參數:
代碼如下:
(function(o) { alert(o); })('water');
想用匿名函數的鏈式調用?很簡單:
代碼如下:
(function(o) { console.log(o); return arguments.callee; })('water')('down');
常見的匿名函數都知道了,看看不常見的:
代碼如下:
~(function(){ alert('water'); })();//寫法有點酷~
代碼如下:
void function(){ alert('water'); }();//據說效率最高~
代碼如下:
+function(){ alert('water'); }();
代碼如下:
-function(){ alert('water'); }();
代碼如下:
~function(){ alert('water'); }();
代碼如下:
!function(){ alert('water'); }();
代碼如下:
(function(){ alert('water'); }());//有點強制執行的味道~
以上給大家分享了Javascript中匿名函數的調用與寫法,希望對大家有所幫助。