JavaScript函數(shù)表達(dá)式

一、序

      定義函數(shù)的方式有兩種：一種是函數(shù)聲明，另一種就是函數(shù)表達(dá)式；

      1.1 函數(shù)聲明

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

      關(guān)于函數(shù)聲明，它有一個(gè)重要特征就是函數(shù)聲明提升，意思就是在執(zhí)行代碼之前會(huì)先讀取函數(shù)聲明。這就意味著可以把函數(shù)放在調(diào)用它的語(yǔ)句后面。如下所示：

helloworld(); //在代碼執(zhí)行之前會(huì)先讀取函數(shù)聲明
function helloworld(){
  console.log("hello world");
}

     1.2 函數(shù)表達(dá)式

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

      這種形式看起來好像是常規(guī)的變量賦值語(yǔ)句，即創(chuàng)建一個(gè)函數(shù)并將它賦值給變量functionName。這種情況下創(chuàng)建的函數(shù)叫做匿名函數(shù)。因?yàn)閒unction關(guān)鍵字后面沒有標(biāo)識(shí)符。

函數(shù)表達(dá)式與其他表達(dá)式一樣，在使用之前必須先賦值；如下面代碼就會(huì)導(dǎo)致錯(cuò)誤；

helloworld(); //錯(cuò)誤，還未賦值，函數(shù)不存在

var helloworld=function(){
  console.log("hello world");
}

       有了函數(shù)表達(dá)式，我們就可以動(dòng)態(tài)給函數(shù)表達(dá)式賦值了；如下面代碼：

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

二、遞歸函數(shù)

     遞歸函數(shù)是在一個(gè)函數(shù)通過名字調(diào)用自身的情況下構(gòu)成的（和C#等語(yǔ)言一樣，所以程序的核心思想是差不多，只是在語(yǔ)法上有些差異，學(xué)好一門語(yǔ)言的基礎(chǔ)，學(xué)習(xí)其他就會(huì)輕松很多），舉個(gè)經(jīng)典的遞歸面試題，一列數(shù)的規(guī)則如下 : 1 、 1 、 2 、 3 、 5 、 8 、 13 、 21 、 34…… 求第 30 位數(shù)是多少，  用遞歸算法實(shí)現(xiàn)，代碼如下所示：

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

雖然這個(gè)函數(shù)表明看來沒有什么問題，但下面的代碼卻可能導(dǎo)致它出錯(cuò)：

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

以上代碼先把foo()函數(shù)保存在變量foo1中，然后將foo變量設(shè)為null，結(jié)果指向原始函數(shù)的引用只剩下一個(gè)。但在接下來調(diào)用foo1()時(shí)，由于必須執(zhí)行foo()，而foo已經(jīng)為null了，所以就會(huì)導(dǎo)致錯(cuò)誤；在這種情況下，使用arguments.callee可以解決這個(gè)問題。arguments.callee是一個(gè)指向正在執(zhí)行的函數(shù)的指針，因此可以用它來實(shí)現(xiàn)對(duì)函數(shù)的遞歸調(diào)用

 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);
    }

也可以使用命名函數(shù)表達(dá)式來達(dá)成相同的結(jié)果。例如：

 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 閉包是指有權(quán)訪問另一個(gè)函數(shù)作用域中的變量的函數(shù)，創(chuàng)建閉包的常見方式，就是在一個(gè)函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)。要理解閉包，首先必須理解JavaScript特殊變量的作用域。變量的作用域無非就是兩種，全局變量和局部變量；接下來寫幾個(gè)demo來直觀表達(dá)；

函數(shù)內(nèi)部直接讀取全局變量：

 var n = 100; //定義一個(gè)全局變量
    function fn() {
      console.log(n); //函數(shù)內(nèi)部直接讀取全局變量
    }

    fn();

函數(shù)外部不能直接讀取局部變量：

    function fn() {
      var n = 100;
    }

    console.log(n); //n is not defined

在這里有個(gè)地方需要注意的是，在函數(shù)內(nèi)部聲明變量的時(shí)候，一定要用var ,如果沒用，則會(huì)變成全局變量：

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

有時(shí)候我們需要得到函數(shù)內(nèi)部聲明的變量，所以可以使用上面提到創(chuàng)建閉包的常用方式，在函數(shù)內(nèi)部創(chuàng)建另一個(gè)函數(shù)：

   function fn() {
      n = 100;

      function fn1() {
        console.log(n);
      }

      fn1();
    }
    fn(); //100

在上面的代碼中，函數(shù)fn1就被包括在函數(shù)fn內(nèi)部，這時(shí)fm內(nèi)部的所有局部變量，對(duì)fn1都是可見的。但是反過來就不行，fn1內(nèi)部的局部變量，對(duì)fn就是不可見的。這就是Javascript語(yǔ)言特有的"鏈?zhǔn)阶饔糜?結(jié)構(gòu)，子對(duì)象會(huì)一級(jí)一級(jí)地向上尋找所有父對(duì)象的變量。所以，父對(duì)象的所有變量，對(duì)子對(duì)象都是可見的，反之則不成立。

竟然fn1可以讀取fn內(nèi)部變量，那么只要把fn1作為返回值，這要我們就可以在外部讀取fn的變量了

function fn() {
      n = 100;

      function fn1() {
        console.log(n);
      }

      return fn1;
    }
    
    var result=fn();
    result(); //100

在這里fn1就是閉包，閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。由于在Javascript語(yǔ)言中，只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量，因此可以把閉包簡(jiǎn)單理解成"定義在一個(gè)函數(shù)內(nèi)部的函數(shù)"。所以，在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。

       3.2  閉包的用途

       它的最大用處有兩個(gè)，一個(gè)是前面提到的可以讀取函數(shù)內(nèi)部的變量，另一個(gè)就是讓這些變量的值始終保持在內(nèi)存中。如下面代碼所示：

function fn() {
      n = 100;

      nadd = function () {
        n += 1;
      }

      function fn1() {
        console.log(n);
      }

      return fn1;
    }

    var result = fn();
    result(); //100
    nadd();
    result(); //101

注意：由于閉包函數(shù)會(huì)攜帶包含它的函數(shù)的作用域，因此會(huì)比其他函數(shù)占用更多的內(nèi)存，過度使用閉包可能會(huì)導(dǎo)致內(nèi)存占用過多，所以在退出函數(shù)之前，將不使用的局部變量全部刪除。

 四、塊級(jí)作用域

       塊級(jí)作用域（又稱為私有作用域）的匿名函數(shù)的語(yǔ)法如下所示：

(function(){
   //塊級(jí)作用域
})();

無論在什么地方，只要臨時(shí)需要一些變量，就可以使用私有作用域，比如：

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

把上面這段代碼放到全局作用域中，如果到了1月1日就會(huì)彈出“新年快樂”的祝福；這種技術(shù)經(jīng)常在全局作用域中被用在函數(shù)外部，從而限制向全局作用域中添加過多的變量和函數(shù)。一般來說,我們都應(yīng)該盡量少向全局作用域中添加變量和函數(shù)。在一個(gè)由很多開發(fā)人員共同參與的大型應(yīng)用程序中，過多的全局變量和函數(shù)很容易導(dǎo)致命名沖突。而通過創(chuàng)建私用作用域，每個(gè)開發(fā)人員既可以使用自己的變量，又不必?fù)?dān)心搞亂全局作用域。

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

最新評(píng)論