淺析javascript函數運算式,淺析javascript

來源:互聯網
上載者:User

淺析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屬性。

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

您可能感興趣的文章:
  • JS 有名函數運算式全面解析
  • 深入理解JavaScript系列(4) 立即調用的函數運算式
  • js 在定義的時候立即執行的函數運算式(function)寫法
  • javascript 函式宣告與函數運算式的區別介紹
  • js 立即調用的函數運算式如何寫
  • Javascript學習筆記之 函數篇(一) : 函式宣告和函數運算式
  • javascript函式宣告和函數運算式區別分析
  • js中函式宣告與函數運算式

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.