正文：我們知道，在js中，函數(shù)實(shí)際上是一個(gè)對(duì)象，每個(gè)函數(shù)都是Function類(lèi)型的實(shí)例，并且都與其他引用類(lèi)型一樣具有屬性和方法。因此，函數(shù)名實(shí)際上是指向函數(shù)對(duì)象的指針，不與某個(gè)函數(shù)綁定。在常見(jiàn)的兩種定義方式（見(jiàn)下文）之外，還有一種定義的方式能更直觀的體現(xiàn)出這個(gè)概念：

var sum = new Function("num1", "num2", "return num1 + num2"); //不推薦

　　Function的構(gòu)造函數(shù)可以接收任意數(shù)量的參數(shù)，但最后一個(gè)參數(shù)始終被看做函數(shù)體。這種方式有個(gè)缺點(diǎn)是，會(huì)導(dǎo)致解析兩次代碼，第一次是基礎(chǔ)的ES代碼解析，第二次是解析傳入構(gòu)造函數(shù)中的字符串，這樣會(huì)導(dǎo)致性能的下降，在此寫(xiě)出是幫助理解js中函數(shù)其實(shí)是對(duì)象這個(gè)概念。

　（一）js函數(shù)沒(méi)有重載的概念

　　說(shuō)到重載的概念，我們來(lái)類(lèi)比Java中的重載是怎么實(shí)現(xiàn)的：在Java中，方法是通過(guò)方法簽名來(lái)唯一標(biāo)識(shí)一個(gè)方法。方法簽名包括：方法名、參數(shù)數(shù)量、參數(shù)順序和參數(shù)類(lèi)型這幾個(gè)要素。因此兩個(gè)方法的方法名相同，而其他簽名要素不同，編譯器就會(huì)認(rèn)為是兩個(gè)不同方法，從而可以存在同名的不同方法，以實(shí)現(xiàn)重載的概念。（引用：怎么深入理解js中為什么沒(méi)有重載呢--segmentfault 中manxisuo的回答）。

　　而上面我們說(shuō)過(guò)，js中的函數(shù)名實(shí)際上是指向函數(shù)對(duì)象的指針，因此函數(shù)名可以說(shuō)是一個(gè)函數(shù)的唯一標(biāo)識(shí)，跟參數(shù)列表并沒(méi)有關(guān)系，因此并不會(huì)出現(xiàn)同名的兩個(gè)函數(shù)（因?yàn)橐粋€(gè)指針同時(shí)只能指向一個(gè)對(duì)象）從而不存在重載的概念。 舉個(gè)栗子：

function sum(num1, num2){
return num1 + num2;
}
function sum(num1, num2, num3){
return num1 + num2 + num3;
}

　　上面這種可以換一種寫(xiě)法，會(huì)更直觀一些：

var sum = function(num1, num2){
return num1 + num2;
}
sum = function(num1, num2, num3){
return num1 + num2 + num3;
}

　　這樣就很明顯可以看出，上面一行將sum指向function(num1,num2)，而接下來(lái)又將sum指向function(num1, num2, num3)，從而造成第二次的指向覆蓋了第一次的，因此更明顯的看出js中并沒(méi)有重載的概念。

（二）函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別

　　我們知道，常用的定義函數(shù)方法有兩個(gè)：函數(shù)聲明和函數(shù)表達(dá)式。

　　函數(shù)聲明，可以說(shuō)是最常見(jiàn)的定義方法，如下例：

function sum(num1, num2){
return num1 + num2;
}

　　函數(shù)表達(dá)式，這種定義方式在閉包及一些框架中使用較多，例如angular中常見(jiàn)的$scope.doSomething = function(){...}：

sum = function(num1, num2){
return num1 + num2;
};

　　上述兩種定義方法幾乎是相同的，但有一點(diǎn)小區(qū)別，請(qǐng)看下面這個(gè)例子：

//函數(shù)聲明
alert(sum(100, 100));
function sum(num1, num2){
return num1 + num2;
}
//函數(shù)表達(dá)式
alert(sum(100, 100));
var sum = function(num1, num2){
return num1 + num2;
};

　　這兩段代碼看起來(lái)差別不大，只是函數(shù)定義的方式不同而已。但事實(shí)是，第一段可以正常運(yùn)行而第二段則會(huì)報(bào)錯(cuò)。這是因?yàn)?，在代碼開(kāi)始執(zhí)行之前，解析器就已經(jīng)通過(guò)一個(gè)名為函數(shù)聲明提升的過(guò)程，讀取并將函數(shù)聲明添加到執(zhí)行環(huán)境中。簡(jiǎn)單來(lái)說(shuō)，解析器會(huì)先將函數(shù)聲明放在源代碼樹(shù)的頂部。而下面那段代碼，函數(shù)位于一個(gè)初始化語(yǔ)句中（并不會(huì)將其提升到頂部），簡(jiǎn)單來(lái)說(shuō)，在執(zhí)行到這個(gè)賦值語(yǔ)句之前，sum并未指向任何一個(gè)函數(shù)，因此在之前調(diào)用函數(shù)則會(huì)報(bào)錯(cuò)。

以上所述是小編給大家介紹的JS中函數(shù)function的理解(基礎(chǔ)篇)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論