javascript Function函數理解與實戰，javascriptfunction

javascript Function函數理解與實戰，javascriptfunction

Function函數是javascript的基礎也是實現功能的一個引爆點，我們通過執行個體分析讓你對Function函數有一個更加深刻的理解以及在實際中的用法講解。

Function 確實是一個對象.而我們定義的任何一個函數其實都是Function 對象的一個執行個體,也可以理解為指向 Function 對象的一個執行個體.

既然是對象的一個執行個體,那肯定指向了Function 類型的一個引用. 既然指向了一個參考型別的記憶體位址,那你也可以簡單的把我們定義的函數理解為一個變數,這個變數指向了一個參考型別的地址,這個地址指向了Function 對象的一個執行個體.

既然我們定義的函數其實是一個變數,那這個函數執行個體地址可以同時指向多個變數.

看下面的代碼:

var add = new Function("n", "m", "return n + m");

上面是標準的函數定義,調用了Function對象的建構函式,這個建構函式把前面的N個參數都預設為新函數的參數,直到最後一個參數認為是新函數的函數體.

從上面的語句中非常直觀的看到 add這個變數指向了一個Function 類型的執行個體,但是這種命名方法非常繁瑣,等價於:

(1)函數運算式

var add=function(n,m){return n+m;}

(2)函數申明

function add(n,m){return n+m;}

由於javascript語言中的申明提前,所以一版提倡用第二種方法定義函數,關於函數申明提前單獨開闢一篇來說

但是第一種定義方法讓人很直觀看到 add 是一個指向函數執行個體的一個變數.

既然是一個變數,就可以賦值給其他變數,可以當做參數在函數中傳遞,也可以從函數返回.

所以 var add2=add3=add; 現在 三個變數都指向了這個執行個體的引用, 現在 add=null; 以後 add2,add3 倆個函數完全可以使用不受影響,因為add 移除函數對象的引用後指向了null的引用.所以根本不影響add2 和 add3 兩個函數.

所以函數可以當做其他函數的參數傳入.

所以函數可以當做函數的傳回值返回.

因為函數名只是一個指向函數執行個體的變數,所以javascript中函數不會有 重載,因為相同的變數指向的是相同的引用地址.最後表示的還是同一個函數.

函數既然是對象的執行個體,那麼就應該有屬性,就應該有方法.所以javascript中的 函數有屬性也有方法.

比較重要的4個屬性 arguments , this , length , prototype

arguments 表示當前函數的參數類數組,這個屬性很特殊,他自己還有個屬性叫 callee ,

arguments.callee 屬性儲存了一個指標,指標指向了擁有此 arguments 屬性的函數實體(也就相當於函數名)

this屬性是當前環境,類似與C# 中的this,表示當前上下文

length 屬性工作表示當前函數接收最大參數個數

prototype 表示該函數的原型,也就是把對象執行個體的方法完整的儲存下來,換句話說就是原型上的方法都繼承下來了.比如 toString() valueOf() 等.

接下來，我們來看看function函數種類

普通函數：介紹普通函數的特性：同名覆蓋、arguments對象、預設傳回值等。

function ShowName(name) { alert(name);}

匿名函數：介紹匿名函數的特性：變數匿名函數、無名稱匿名函數。

//變數匿名函數，左側可以為變數、事件等var anonymousNormal = function (p1, p2) { alert(p1+p2);}anonymousNormal(3,6);//輸出9

閉包函數：介紹閉包函數的特性。

function funA() { var i = 0; function funB() { //閉包函數funB  i++;  alert(i) } return funB;}var allShowA = funA(); //全域變數引用：累加輸出1,2,3,4等 function partShowA() { var showa = funA();//局部變數引用：只輸出1 showa();}