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

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

Function的構造函數可以接收任意數量的參數，但最后一個參數始終被看做函數體。這種方式有個缺點是，會導致解析兩次代碼，第一次是基礎的ES代碼解析，第二次是解析傳入構造函數中的字符串，這樣會導致性能的下降，在此寫出是幫助理解js中函數其實是對象這個概念。

(一)js函數沒有重載的概念

說到重載的概念，我們來類比Java中的重載是怎么實現的：在Java中，方法是通過方法簽名來唯一標識一個方法。方法簽名包括：方法名、參數數量、參數順序和參數類型這幾個要素。因此兩個方法的方法名相同，而其他簽名要素不同，編譯器就會認為是兩個不同方法，從而可以存在同名的不同方法，以實現重載的概念。(引用：怎么深入理解js中為什么沒有重載呢--segmentfault 中manxisuo的回答)。

而上面我們說過，js中的函數名實際上是指向函數對象的指針，因此函數名可以說是一個函數的唯一標識，跟參數列表并沒有關系，因此并不會出現同名的兩個函數(因為一個指針同時只能指向一個對象)從而不存在重載的概念。 舉個栗子：

function sum(num1, num2){

return num1 + num2;

}

function sum(num1, num2, num3){

return num1 + num2 + num3;

}

上面這種可以換一種寫法，會更直觀一些：

var sum = function(num1, num2){

return num1 + num2;

}

sum = function(num1, num2, num3){

return num1 + num2 + num3;

}

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

(二)函數聲明和函數表達式的區別

我們知道，常用的定義函數方法有兩個：函數聲明和函數表達式。

函數聲明，可以說是最常見的定義方法，如下例：

function sum(num1, num2){

return num1 + num2;

}

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

sum = function(num1, num2){

return num1 + num2;

};

上述兩種定義方法幾乎是相同的，但有一點小區別，請看下面這個例子：

//函數聲明

alert(sum(100, 100));

function sum(num1, num2){

return num1 + num2;

}

//函數表達式

alert(sum(100, 100));

var sum = function(num1, num2){

return num1 + num2;

};

這兩段代碼看起來差別不大，只是函數定義的方式不同而已。但事實是，第一段可以正常運行而第二段則會報錯。這是因為，在代碼開始執行之前，解析器就已經通過一個名為函數聲明提升的過程，讀取并將函數聲明添加到執行環境中。簡單來說，解析器會先將函數聲明放在源代碼樹的頂部。而下面那段代碼，函數位于一個初始化語句中(并不會將其提升到頂部)，簡單來說，在執行到這個賦值語句之前，sum并未指向任何一個函數，因此在之前調用函數則會報錯。

以上所述是小編給大家介紹的JS中函數function的理解(基礎篇)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

本條技術文章來源于互聯網，如果無意侵犯您的權益請點擊此處反饋版權投訴

本文系統來源：php中文網

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的java js中 function函数报错_浅析JS中对函数function的理解(基础篇)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。