DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js匿名函數的調用示例(形式多種多樣)
js匿名函數的調用示例(形式多種多樣)
編輯:關於JavaScript     

匿名函數就是沒有實際名字的函數。

javaScript的匿名函數形式多樣,而且不搞清楚,容易看暈代碼。

以下是成功調用的匿名函數:
復制代碼 代碼如下:
(function () {
alert(3);
})
();

(function f1() {
alert(4);
})(); //不是匿名函數也能這樣調用!!

void function(){
alert('void water');
}();//據說效率最高,Javascript中void是一個操作符,該操作符指定要計算一個表達式但是不返回值。

!function(){
alert('!water');
}(); //運算符+匿名函數調用

(function(){
alert('water');
}());//小括號+匿名函數,有點強制執行的味道~

使用匿名函數也要注意經常犯的錯誤:
復制代碼 代碼如下:
//錯誤寫法1
(function f1() {
alert(5);
})f1(); //這不是匿名函數了!

//錯誤寫法2
(function () {
alert(6);
}); //語法沒有錯誤,沒有調用的匿名函數,後面也沒有機會調用了,因為沒有名字,找不到調用入口。

//錯誤寫法3
function () {
alert(1);
}();//沒有產生函數的引用就調用

另外要注意理解小括號的作用。

小括號能把我們的表達式組合分塊,並且每一塊,也就是每一對小括號,都有一個返回值。這個返回值實際上也就是小括號中表達式的返回值。所以,當我們用一對小括號把匿名函數括起來的時候,實際上小括號對返回的,就是一個匿名函數的Function對象。因此,小括號對加上匿名函數就如同有名字的函數般被我們取得它的引用位置了。所以如果在這個引用變量後面再加上參數列表,就會實現普通函數的調用形式。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved