javascript Function函數(shù)理解與實(shí)戰(zhàn)

Function函數(shù)是javascript的基礎(chǔ)也是實(shí)現(xiàn)功能的一個(gè)引爆點(diǎn)，我們通過(guò)實(shí)例分析讓你對(duì)Function函數(shù)有一個(gè)更加深刻的理解以及在實(shí)際中的用法講解。

Function 確實(shí)是一個(gè)對(duì)象.而我們定義的任何一個(gè)函數(shù)其實(shí)都是Function 對(duì)象的一個(gè)實(shí)例,也可以理解為指向 Function 對(duì)象的一個(gè)實(shí)例.

既然是對(duì)象的一個(gè)實(shí)例,那肯定指向了Function 類型的一個(gè)引用. 既然指向了一個(gè)引用類型的內(nèi)存地址,那你也可以簡(jiǎn)單的把我們定義的函數(shù)理解為一個(gè)變量,這個(gè)變量指向了一個(gè)引用類型的地址,這個(gè)地址指向了Function 對(duì)象的一個(gè)實(shí)例.

既然我們定義的函數(shù)其實(shí)是一個(gè)變量,那這個(gè)函數(shù)實(shí)例地址可以同時(shí)指向多個(gè)變量.

看下面的代碼:

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

上面是標(biāo)準(zhǔn)的函數(shù)定義,調(diào)用了Function對(duì)象的構(gòu)造函數(shù),這個(gè)構(gòu)造函數(shù)把前面的N個(gè)參數(shù)都默認(rèn)為新函數(shù)的參數(shù),直到最后一個(gè)參數(shù)認(rèn)為是新函數(shù)的函數(shù)體.

從上面的語(yǔ)句中非常直觀的看到 add這個(gè)變量指向了一個(gè)Function 類型的實(shí)例,但是這種命名方法非常繁瑣,等價(jià)于:

(1)函數(shù)表達(dá)式

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

(2)函數(shù)申明

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

由于javascript語(yǔ)言中的申明提前,所以一版提倡用第二種方法定義函數(shù),關(guān)于函數(shù)申明提前單獨(dú)開(kāi)辟一篇來(lái)說(shuō)

但是第一種定義方法讓人很直觀看到 add 是一個(gè)指向函數(shù)實(shí)例的一個(gè)變量.

既然是一個(gè)變量,就可以賦值給其他變量,可以當(dāng)做參數(shù)在函數(shù)中傳遞,也可以從函數(shù)返回.

所以 var add2=add3=add; 現(xiàn)在 三個(gè)變量都指向了這個(gè)實(shí)例的引用, 現(xiàn)在 add=null; 以后 add2,add3 倆個(gè)函數(shù)完全可以使用不受影響,因?yàn)閍dd 移除函數(shù)對(duì)象的引用后指向了null的引用.所以根本不影響add2 和 add3 兩個(gè)函數(shù).

所以函數(shù)可以當(dāng)做其他函數(shù)的參數(shù)傳入.

所以函數(shù)可以當(dāng)做函數(shù)的返回值返回.

因?yàn)楹瘮?shù)名只是一個(gè)指向函數(shù)實(shí)例的變量,所以javascript中函數(shù)不會(huì)有 重載,因?yàn)橄嗤淖兞恐赶虻氖窍嗤囊玫刂?最后表示的還是同一個(gè)函數(shù).

函數(shù)既然是對(duì)象的實(shí)例,那么就應(yīng)該有屬性,就應(yīng)該有方法.所以javascript中的 函數(shù)有屬性也有方法.

比較重要的4個(gè)屬性 arguments , this , length , prototype

arguments 表示當(dāng)前函數(shù)的參數(shù)類數(shù)組,這個(gè)屬性很特殊,他自己還有個(gè)屬性叫 callee ,

arguments.callee 屬性保存了一個(gè)指針,指針指向了擁有此 arguments 屬性的函數(shù)實(shí)體(也就相當(dāng)于函數(shù)名)

this屬性是當(dāng)前環(huán)境,類似與C# 中的this,表示當(dāng)前上下文

length 屬性表示當(dāng)前函數(shù)接收最大參數(shù)個(gè)數(shù)

prototype 表示該函數(shù)的原型,也就是把對(duì)象實(shí)例的方法完整的保存下來(lái),換句話說(shuō)就是原型上的方法都繼承下來(lái)了.比如 toString() valueOf() 等.

接下來(lái)，我們來(lái)看看function函數(shù)種類

普通函數(shù)：介紹普通函數(shù)的特性：同名覆蓋、arguments對(duì)象、默認(rèn)返回值等。

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

匿名函數(shù)：介紹匿名函數(shù)的特性：變量匿名函數(shù)、無(wú)名稱匿名函數(shù)。

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

閉包函數(shù)：介紹閉包函數(shù)的特性。

function funA() {
 var i = 0;
 function funB() { //閉包函數(shù)funB
 i++;
 alert(i)
 }
 return funB;
}
var allShowA = funA(); //全局變量引用：累加

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com