淺析javascript函數表達式_javascript技巧

開始學習javascript函數表達式，仔細閱讀下文。

1、一般形式的創建函數，在執行程式碼之前會先讀取函數聲明，所以可以把函數聲明寫在函數呼叫的下面：

 sayHi();
 function sayHi(){
     alert("Hi!");
}

2、使用函數表達式建立函數，呼叫前必須先賦值:

 sayHi(); //错误！！函数不存在
 var sayHi=function(){
     alert("Hi!");
}

3、遞迴

一般遞歸

function factorial(num){
        if (num <= 1){
          return 1;
        } else {
          return num * factorial(num-1);
        }
      }

arguments.callee指向正在執行的函數的指針，可以用它來實現遞歸：

function factorial(num){
        if (num <= 1){
          return 1;
        } else {
          return num * arguments.callee(num-1);
        }
      }

4、閉包（閉包指一個函數，這個函數可以存取另一個作用域裡的變數）。
建立閉包的常見方式：在一個函數內部建立另一個函數。當函數執行時，會建立一個執行環境和對應的作用域鏈。閉包只能取得包含函數中任何變數的最後一個值：

function createFunctions(){
        var result = new Array();
        
        for (var i=0; i < 10; i++){
          result[i] = function(){
            return i;
          };
        }
        
        return result;
      }
      
      var funcs = createFunctions();
      
      //every function outputs 10
      for (var i=0; i < funcs.length; i++){
        document.write(funcs[i]() + "<br />");
      }

上面程式碼輸出的全部是10。這是因為：每個funcs函數都保存著createFunctions()這個活動對象（這是一個函數，也是一個對象，也是一個引用類型Function類型），而createFunctions()這個活動對像有一個變數i，所以，每個funcs都會擁有這個變數i，而createFunctions()這個函數在傳回結果時，i已經變成10了。所以funcs數組的每個值都是10.

可以像下面這樣改造：

function createFunctions(){
        var result = new Array();
        
        for (var i=0; i < 10; i++){
          result[i] = function(num){
            return function(){
              return num;
            };
          }(i);
        }
        
        return result;
      }

在呼叫每個匿名函數時，將i的當前值給了num，而在匿名函數內部，創建並傳回num的閉包。這樣，傳回陣列的每個函數都有自己num變數的副本。 （這段沒有說清，讀者自己再揣摩，如果有更好的描述方法，請評論在文章下面，謝謝）

5、this物件

• 全域函數中，this就相當於window。
  
• 函數被當作某個方法呼叫時，this相當於那個物件。
  
• 每個函數在被呼叫時，這個函數會自動取得兩個特殊變數：this、arguments。內部函數在搜尋這兩個變數時，只搜尋活動物件為止。
  

6、模仿區塊級作用域（私有作用域）
如下：

function outputNumbers(count){
        for (var i=0; i < count; i++){
          alert(i);
        }
      
        alert(i);  //count
      }

      outputNumbers(5);

在Java等語言中，for裡面的變數i用完就銷毀了。而在javascript中，outputNumbers呼叫時產生活動對象，而這個i是屬於這個活動對象的，因此從它被定義開始，就可以在函數內部隨處存取它，它在該活動對象內部是共有的。

匿名函數的語法（建立私有作用域）：

(function(){
 //这里是块级作用域
})();

函數宣告放在圓括號中，表示它是一個表達式，而後面再加個括號就可以立即呼叫它。

如果臨時需要一些變量，那麼就可以使用私有作用域：

function outputNumbers(count){
      
        (function () {
          for (var i=0; i < count; i++){
            alert(i);
          }
        })();
        
        alert(i);  //causes an error
      }

上面程式碼中，i就被私有了，在匿名函數（私有域）外部存取i時就會報錯，儘管alert依然在活動物件內。

7、私有變數
函數的參數、局部變數以及函數內部定義的其他函數都屬於函數的私有變數。如：

function add(num1,num2){
  var sum = num1 + num2;
  return sum; 
}

有3個私有變數：num1，num2，sum。函數內部可以存取它們，外部就不行了。

特權方法可以存取私有變數：簡單說，使用表達式方式給它一個閉包，在閉包內部存取其他函數：

 function Person(name){

        var a=0;
      
        this.getName = function(){
          return name + a;
        };
      
        this.setName = function (value) {
          name = value;
        };
      }

this.getName、this.setName就是表達式方式，在建立Person實例後，只能透過getName或setName來存取name、a屬性。

以上就是本文的全部內容，希望對大家學習的學習有所幫助。