小編帶給大家一片關(guān)於javascript的基礎(chǔ)教學(xué)內(nèi)容，關(guān)於Function函數(shù)的訓(xùn)練與理解，一起學(xué)習(xí)下吧。

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

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

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

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

看下面的程式碼:

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

上面是標(biāo)準(zhǔn)的函數(shù)定義,呼叫了Function物件的建構(gòu)子,這個(gè)建構(gòu)子把前面的N個(gè)參數(shù)都預(yù)設(shè)為新函數(shù)的參數(shù),直到最後一個(gè)參數(shù)認(rèn)為是新函數(shù)的函數(shù)體.

從上面的語句中非常直觀的看到add這個(gè)變數(shù)指向了一個(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語言中的申明提前,所以一版提倡用第二種方法定義函數(shù),關(guān)於函數(shù)申明提前單獨(dú)開闢一篇來說

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

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

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

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

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

因?yàn)楹瘮?shù)名稱只是一個(gè)指向函數(shù)實(shí)例的變數(shù),所以javascript中函數(shù)不會(huì)有重載,因?yàn)橄嗤淖償?shù)指向的是相同的引用位址.最後表示的還是同一個(gè)函數(shù).

函數(shù)既然是物件的實(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è)指標(biāo),指標(biāo)指向了擁有此arguments 屬性的函數(shù)實(shí)體(也就相當(dāng)於函數(shù)名稱)

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

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

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

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

普通函數(shù)：介紹普通函數(shù)的特性：同名覆寫、arguments物件、預(yù)設(shè)回傳值等。

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

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

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

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

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

上面是我整理給大家的，希望未來會(huì)對大家有幫助。

相關(guān)文章：

在Bootstrap4 Vue2中如何實(shí)作分頁查詢

在webpack中有關(guān)於jquery外掛程式的環(huán)境配置（詳細(xì)教程）

在vue2中透過keep-alive如何使用

使用nodejs如何實(shí)作gulp打包

以上是在javascript中詳細(xì)解讀Function函數(shù)（詳細(xì)教學(xué)）的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！