Javascript中匿名函數(shù)的調(diào)用與寫法實例詳解(多種)
Javascript中定義函數(shù)的方式有多種,函數(shù)直接量就是其中一種。如var fun = function(){},這里function如果不賦值給fun那么它就是一個匿名函數(shù)。好,看看匿名函數(shù)的如何被調(diào)用。
方式1,調(diào)用函數(shù),得到返回值。強制運算符使函數(shù)調(diào)用執(zhí)行
(function(x,y){ alert(x+y); return x+y; }(3,4));
方式2,調(diào)用函數(shù),得到返回值。強制函數(shù)直接量執(zhí)行再返回一個引用,引用再去調(diào)用執(zhí)行
(function(x,y){ alert(x+y); return x+y; })(3,4);
這種方式也是很多庫愛用的調(diào)用方式,如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,匿名函數(shù)執(zhí)行放在中括號內(nèi)
[function(){ console.log(this) // 瀏覽器得控制臺輸出window }(this)]
方式7,匿名函數(shù)前加typeof
typeof function(){ console.log(this) // 瀏覽器得控制臺輸出window }(this)
方式8,匿名函數(shù)前加delete
delete function(){ console.log(this) // 瀏覽器得控制臺輸出window }(this)
方式9,匿名函數(shù)前加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 }();
最后看看錯誤的調(diào)用方式
function(x,y){ alert(x+y); return x+y; }(3,4);
匿名函數(shù)的N種寫法如下所示
匿名函數(shù)沒有實際名字,也沒有指針,怎么執(zhí)行?
關于匿名函數(shù)寫法,很發(fā)散~
+號是讓函數(shù)聲明轉(zhuǎn)換為函數(shù)表達式。匯總一下
最常見的用法:
代碼如下:
(function() { alert('water'); })();
當然也可以帶參數(shù):
代碼如下:
(function(o) { alert(o); })('water');
想用匿名函數(shù)的鏈式調(diào)用?很簡單:
代碼如下:
(function(o) { console.log(o); return arguments.callee; })('water')('down');
常見的匿名函數(shù)都知道了,看看不常見的:
代碼如下:
~(function(){ alert('water'); })();//寫法有點酷~
代碼如下:
void function(){ alert('water'); }();//據(jù)說效率最高~
代碼如下:
+function(){ alert('water'); }();
代碼如下:
-function(){ alert('water'); }();
代碼如下:
~function(){ alert('water'); }();
代碼如下:
!function(){ alert('water'); }();
代碼如下:
(function(){ alert('water'); }());//有點強制執(zhí)行的味道~
以上給大家分享了Javascript中匿名函數(shù)的調(diào)用與寫法,希望對大家有所幫助。
相關文章
JS實現(xiàn)基于Sketch.js模擬成群游動的蝌蚪運動動畫效果【附demo源碼下載】
這篇文章主要介紹了JS實現(xiàn)基于Sketch.js模擬成群游動的蝌蚪運動動畫效果,涉及Sketch.js插件的使用及HTML5元素的應用技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2017-08-08js 將json字符串轉(zhuǎn)換為json對象的方法解析
將json字符串轉(zhuǎn)換為json對象的方法。在數(shù)據(jù)傳輸過程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對象,所以,JSON對象和JSON字符串之間的相互轉(zhuǎn)換是關鍵2013-11-11小程序中實現(xiàn)獲取全部數(shù)據(jù)的圖文教程
最近在開發(fā)中遇到了一個需求,需要獲取小程序的全部數(shù)據(jù),所以這篇文章主要給大家介紹了關于小程序中實現(xiàn)獲取全部數(shù)據(jù)的相關資料,需要的朋友可以參考下2022-11-11AngularJS實現(xiàn)textarea記錄只能輸入規(guī)定數(shù)量的字符并顯示
AngularJS 是一個 MV* 框架,最適于開發(fā)客戶端的單頁面應用。它不是個功能庫,而是用來開發(fā)動態(tài)網(wǎng)頁的框架。接下來通過本文給大家介紹AngularJS實現(xiàn)textarea記錄只能輸入規(guī)定數(shù)量的字符并顯示的相關內(nèi)容,需要的朋友參考下吧2016-04-04JavaScript樹的深度優(yōu)先遍歷和廣度優(yōu)先遍歷算法示例
這篇文章主要介紹了JavaScript樹的深度優(yōu)先遍歷和廣度優(yōu)先遍歷算法,結(jié)合實例形式分析了JavaScript樹的深度優(yōu)先遍歷、廣度優(yōu)先遍歷遞歸與非遞歸相關實現(xiàn)技巧,需要的朋友可以參考下2018-07-07JavaScript實現(xiàn)異步獲取表單數(shù)據(jù)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)異步獲取表單數(shù)據(jù),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-05-05