首頁 > web前端 > js教程 > Javascript中匿名函數的呼叫與寫法實例詳解(多種)_javascript技巧

Javascript中匿名函數的呼叫與寫法實例詳解(多種)_javascript技巧

WBOY
發布: 2016-05-16 15:17:57
原創
1182 人瀏覽過

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中匿名函數的呼叫與寫法,希望對大家有幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板