JavaScript函數運算式

標籤：code   通過   應用程式   刪除   傳回值   null   儲存   1.2   退出   

一、序

      定義函數的方式有兩種：一種是函式宣告，另一種就是函數運算式；

      1.1 函式宣告

function functionName(arg){     //函數體}

      關於函式宣告，它有一個重要特徵就是函式宣告提升，意思就是在執行代碼之前會先讀取函式宣告。這就意味著可以把函數放在調用它的語句後面。如下所示：

helloworld(); //在代碼執行之前會先讀取函式宣告function helloworld(){   console.log("hello world");}

     1.2 函數運算式

var functionName=function(arg){      //函數體}

      這種形式看起來好像是常規的變數指派陳述式，即建立一個函數並將它賦值給變數functionName。這種情況下建立的函數叫做匿名函數。因為function關鍵字後面沒有標識符。

函數運算式與其他運算式一樣，在使用之前必須先賦值；如下面代碼就會導致錯誤；

helloworld(); //錯誤，還未賦值，函數不存在var helloworld=function(){    console.log("hello world");}

       有了函數運算式，我們就可以動態給函數運算式賦值了；如下面代碼：

var helloworld; //聲明if(condition){ //條件   helloworld=function(){ //賦值       console.log("hello world");    }}else{    helloworld=function(){ //賦值       console.log("你好，世界");    }}

二、遞迴函式

     遞迴函式是在一個函數通過名字調用自身的情況下構成的（和C#等語言一樣，所以程式的核心思想是差不多，只是在文法上有些差異，學好一門語言的基礎，學習其他就會輕鬆很多），舉個經典的遞迴面試題，一列數的規則如下 : 1 、 1 、 2 、 3 、 5 、 8 、 13 、 21 、 34…… 求第 30 位元是多少，  用遞迴演算法實現，代碼如下所示：

        function foo(n) {            if (n <= 0)                return 0;            else if (n > 0 && n <= 2)                return 1;            else                return foo(n - 1) + foo(n - 2);        }

雖然這個函數表明看來沒有什麼問題，但下面的代碼卻可能導致它出錯：

        var foo1 = foo;        foo = null;        console.log(foo1(34));

以上代碼先把foo()函數儲存在變數foo1中，然後將foo變數設為null，結果指向原始函數的引用只剩下一個。但在接下來調用foo1()時，由於必須執行foo()，而foo已經為null了，所以就會導致錯誤；在這種情況下，使用arguments.callee可以解決這個問題。arguments.callee是一個指向正在執行的函數的指標，因此可以用它來實現對函數的遞迴調用

     function foo(n) {            if (n <= 0)                return 0;            else if (n > 0 && n <= 2)                return 1;            else                return arguments.callee(n - 1) + arguments.callee(n - 2);        }

也可以使用命名函數運算式來達成相同的結果。例如：

        var foo = (function f(n) {            if (n <= 0)                return 0;            else if (n > 0 && n <= 2)                return 1;            else                return f(n - 1) + f(n - 2);        });

 三、閉包

      3.1 閉包是指有權訪問另一個函數範圍中的變數的函數，建立閉包的常見方式，就是在一個函數內部建立另一個函數。要理解閉包，首先必須理解JavaScript特殊變數的範圍。變數的範圍無非就是兩種，全域變數和局部變數；接下來寫幾個demo來直觀表達；

函數內部直接讀取全域變數：

        var n = 100; //定義一個全域變數        function fn() {            console.log(n); //函數內部直接讀取全域變數        }        fn();

函數外部不能直接讀取局部變數：

        function fn() {            var n = 100;        }        console.log(n); //n is not defined

在這裡有個地方需要注意的是，在函數內部聲明變數的時候，一定要用var ,如果沒用，則會變成全域變數：

        function fn() {             n = 100;        }        fn();        console.log(n); //100

有時候我們需要得到函數內部聲明的變數，所以可以使用上面提到建立閉包的常用方式，在函數內部建立另一個函數：

        function fn() {            n = 100;            function fn1() {                console.log(n);            }            fn1();        }        fn(); //100

在上面的代碼中，函數fn1就被包括在函數fn內部，這時fm內部的所有局部變數，對fn1都是可見的。但是反過來就不行，fn1內部的局部變數，對fn就是不可見的。這就是Javascript語言特有的"鏈式範圍"結構，子物件會一級一級地向上尋找所有父物件的變數。所以，父物件的所有變數，對子物件都是可見的，反之則不成立。

竟然fn1可以讀取fn內部變數，那麼只要把fn1作為傳回值，這要我們就可以在外部讀取fn的變數了

        function fn() {            n = 100;            function fn1() {                console.log(n);            }            return fn1;        }               var result=fn();       result(); //100

 

在這裡fn1就是閉包，閉包就是能夠讀取其他函數內部變數的函數。由於在Javascript語言中，只有函數內部的子函數才能讀取局部變數，因此可以把閉包簡單理解成"定義在一個函數內部的函數"。所以，在本質上，閉包就是將函數內部和函數外部串連起來的一座橋樑。

       3.2  閉包的用途

       它的最大用處有兩個，一個是前面提到的可以讀取函數內部的變數，另一個就是讓這些變數的值始終保持在記憶體中。如下面代碼所示：

        function fn() {            n = 100;            nadd = function () {                n += 1;            }            function fn1() {                console.log(n);            }            return fn1;        }        var result = fn();        result(); //100        nadd();        result(); //101

注意：由於閉包函數會攜帶包含它的函數的範圍，因此會比其他函數佔用更多的記憶體，過度使用閉包可能會導致記憶體佔用過多，所以在退出函數之前，將不使用的局部變數全部刪除。

 四、塊級範圍

       塊級範圍（又稱為私人範圍）的匿名函數的文法如下所示：

(function(){     //塊級範圍})();

無論在什麼地方，只要臨時需要一些變數，就可以使用私人範圍，比如：

        (function () {            var now = new Date();            if (now.getMonth() == 0 && now.getDate() == 1) {                alert("新年快樂");            }        })();

把上面這段代碼放到全域範圍中，如果到了1月1日就會彈出“新年快樂”的祝福；這種技術經常在全域範圍中被用在函數外部，從而限制向全域範圍中添加過多的變數和函數。一般來說,我們都應該盡量少向全域範圍中添加變數和函數。在一個由很多開發人員共同參與的大型應用程式中，過多的全域變數和函數很容易導致命名衝突。而通過建立私用範圍，每個開發人員既可以使用自己的變數，又不必擔心搞亂全域範圍。

JavaScript函數運算式