javascript匿名函數執行個體分析_javascript技巧

本文執行個體講述了javascript匿名函數的用法。分享給大家供大家參考。具體分析如下：

摘要：

本文講解的是javascript最基礎也是最重要的東西--函數，之所以寫這篇文章，是因為面試的時候問到了，也算是溫故而知新了。

先上個例子，如果你看懂了，說明你已經理解了本文要講的。

複製代碼 代碼如下:

var f = (function() {

    function f() {return 10;}

    return f();

    function f() {return 20;}

    var f = 30;

})();

console.log(f);

javascript進階程式設計中這樣描述函數--可以封裝任意多條語句，而且可以在任何地方、任何時候調用執行。之前介紹過了strict mode，strict 模式對函數有一些限制：

① 不能把函數命名為eval或arguments
② 不能把參數命名為eval或arguments
③ 不能出現兩個具名引數同名的情況

發生以上情況就會導致語法錯誤，代碼無法執行。

函數定義

函數定義分為三種

1、建構函式

複製代碼 代碼如下:

var fun = new Funciton();

2、普通定義

複製代碼 代碼如下:

function fun() {}

3、函數式定義

複製代碼 代碼如下:

var fun = function() {};

這三種方式都可以定義函數fun。

參數

函數不介意傳遞進來多少個參數，也不在乎傳進來的參數是什麼資料類型。即便你定義的函數只接收兩個參數，在調用這個函數時也未必一定要傳遞兩個參數。可以傳遞一個、三個甚至不傳遞參數。原因是參數在內部是用一個數組來表示的。在函數體內可以通過arguments對象來訪問參數數組，舉個例子

複製代碼 代碼如下:

function sayHi() {

    alert("Hello " + arguments[0] + "," + arguments[1]);

}

通過訪問arguments對象的length屬性來獲知有多少個參數。函數的length會返回函數的參數個數。

注意：所有參數傳遞的都是值，不可能通過引用傳遞參數。

函數不能重載，只能重寫

如果定義了兩個名字相同的函數，則該名字只屬於最後定義的函數，舉個例子：

複製代碼 代碼如下:

function add(num) {

    return num + 100;

}

function add(num) {

    return num + 200;

}

var result = add(100) //300

注意：函數在執行完return語句之後停止並立即退出。

函數種類

函數分為兩種一種是有名函數，另一種是匿名函數。例如下面的有名函數

複製代碼 代碼如下:

function fun() {

}

如果調用的話，只需要fun()就可以。

匿名函數，顧名思義就是沒有函數名。例如

function() {}

函數調用是通過函數名來調用，匿名函數怎麼調用呢？一種就是將匿名函數賦給一個變數，讓這個變數充當函數名。另一種就是用()來調用，例如下面三種方法

1、(function() {return;}());

2、(function() {return;})();

3、function() {return;}();

例子：

複製代碼 代碼如下:

(function(x, y) {

    ​alert(x + y);

})(2,3);

//alert(5)

2和3將會作為參數傳遞給x和y

下面就來講講最上面的例子，這個例子裡面涉及到閉包，後面會說

首先定義一個變數f，然後賦值一個匿名函數，這裡呢需要注意一點函數裡所有變數的定義都會被前置，所以匿名函數裡的執行順序是

複製代碼 代碼如下:

var f = (function() {

    ​var f = 30;

    function f() {return 10;}

    function f() {return 20;}

    return f();

})();

外面的變數f和裡面的變數f不在同一個範圍內（閉包），所以互不影響。​因為函數不能重載，所以外面變數f=(function f() {return 20;})();，所以最終輸出的是20。

希望本文所述對大家的javascript程式設計有所協助。