AJAX入門之深入理解JavaScript中的函數

來源:互聯網
上載者:User

函數是進行模組化程式設計的基礎,編寫複雜的Ajax應用程式,必須對函數有更深入的瞭解。javascript中的函數不同於其他的語言,每個函數都是作為一個對象被維護和啟動並執行。通過函數對象的性質,可以很方便的將一個函數賦值給一個變數或者將函數作為參數傳遞。在繼續講述之前,先看一下函數的使用文法:

function func1(…){…}
var func2=function(…){…};
var func3=function func4(…){…};
var func5=new Function();

這些都是聲明函數的正確文法。它們和其他語言中常見的函數或之前介紹的函數定義方式有著很大的區別。那麼在JavaScript中為什麼能這麼寫?它所遵循的文法是什麼呢?下面將介紹這些內容。

認識函數對象(Function Object)

可以用function關鍵字定義一個函數,並為每個函數指定一個函數名,通過函數名來進行調用。在JavaScript解釋執行時,函數都是被維護為一個對象,這就是要介紹的函數對象(Function Object)。

函數對象與其他使用者所定義的對象有著本質的區別,這一類對象被稱之為內部對象,例如日期對象(Date)、數組對象(Array)、字串對象(String)都屬於內部對象。這些內建對象的構造器是由JavaScript本身所定義的:通過執行new Array()這樣的語句返回一個對象,JavaScript內部有一套機制來初始化返回的對象,而不是由使用者來指定對象的構造方式。

在JavaScript中,函數對象對應的類型是Function,正如數組對象對應的類型是Array,日期對象對應的類型是Date一樣,可以通過new Function()來建立一個函數對象,也可以通過function關鍵字來建立一個對象。為了便於理解,我們比較函數對象的建立和數組對象的建立。先看數組對象:下面兩行代碼都是建立一個數組對象myArray:

var myArray=[];
//等價於
var myArray=new Array();
同樣,下面的兩段代碼也都是建立一個函數myFunction:
function myFunction(a,b){
return a+b;
}
//等價於
var myFunction=new Function("a","b","return a+b");

通過和構造數組對象語句的比較,可以清楚的看到函數對象本質,前面介紹的函式宣告是上述代碼的第一種方式,而在解譯器內部,當遇到這種文法時,就會自動構造一個Function對象,將函數作為一個內部的對象來儲存和運行。從這裡也可以看到,一個函數對象名稱(函數變數)和一個普通變數名稱具有同樣的規範,都可以通過變數名來引用這個變數,但是函數變數名後面可以跟上括弧和參數列表來進行函數調用。

用new Function()的形式來建立一個函數不常見,因為一個函數體通常會有多條語句,如果將它們以一個字串的形式作為參數傳遞,代碼的可讀性差。下面介紹一下其使用文法:

var funcName=new Function(p1,p2,...,pn,body);

參數的類型都是字串,p1到pn表示所建立函數的參數名稱列表,body表示所建立函數的函數體語句,funcName就是所建立函數的名稱。可以不指定任何參數建立一個空函數,不指定funcName建立一個無名函數,當然那樣的函數沒有任何意義。

需要注意的是,p1到pn是參數名稱的列表,即p1不僅能代表一個參數,它也可以是一個逗號隔開的參數列表,例如下面的定義是等價的:

new Function("a", "b", "c", "return a+b+c")
new Function("a, b, c", "return a+b+c")
new Function("a,b", "c", "return a+b+c")

JavaScript引入Function類型並提供new Function()這樣的文法是因為函數對象添加屬性和方法就必須藉助於Function這個類型。
函數的本質是一個內部對象,由JavaScript解譯器決定其運行方式。通過上述代碼建立的函數,在程式中可以使用函數名進行調用。本節開頭列出的函數定義問題也得到瞭解釋。注意可直接在函式宣告後面加上括弧就表示建立完成後立即進行函數調用,例如:

var i=function (a,b){
return a+b;
}(1,2);
alert(i);

這段代碼會顯示變數i的值等於3。i是表示返回的值,而不是建立的函數,因為括弧“(”比等號“=”有更高的優先順序。這樣的代碼可能並不常用,但當使用者想在很長的程式碼片段中進行模組化設計或者想避免命名衝突,這是一個不錯的解決辦法。

需要注意的是,儘管下面兩種建立函數的方法是等價的:

function funcName(){
//函數體
}
//等價於
var funcName=function(){
//函數體
}

但前面一種方式建立的是有名函數,而後面是建立了一個無名函數,只是讓一個變數指向了這個無名函數。在使用上僅有一點區別,就是:對於有名函數,它可以出現在調用之後再定義;而對於無名函數,它必須是在調用之前就已經定義。例如:

<script language="JavaScript" type="text/javascript">
<!--
func();
var func=function(){
alert(1)
}
//-->
</script>

這段語句將產生func未定義的錯誤,而:

<script language="JavaScript" type="text/javascript">
<!--
func();
function func(){
alert(1)
}
//-->
</script>

則能夠正確執行,下面的語句也能正確執行:

<script language="JavaScript" type="text/javascript">
<!--
func();
var someFunc=function func(){
alert(1)
}
//-->
</script>

由此可見,儘管JavaScript是一門解釋型的語言,但它會在函數調用時,檢查整個代碼中是否存在相應的函數定義,這個函數名只有是通過function funcName()形式定義的才會有效,而不能是匿名函數。

函數對象和其他內部對象的關係

除了函數對象,還有很多內部對象,比如:Object、Array、Date、RegExp、Math、Error。這些名稱實際上表示一個類型,可以通過new操作符返回一個對象。然而函數對象和其他對象不同,當用typeof得到一個函數對象的類型時,它仍然會返回字串“function”,而typeof一個數組對象或其他的對象時,它會返回字串“object”。下面的程式碼範例了typeof不同類型的情況:

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.