DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 深入學習Javascript函數
深入學習Javascript函數
編輯:關於JavaScript     

  函數是進行模塊化程序設計的基礎,編寫復雜的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(){

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved