函數

基本概念

• 在JS中，函數實際上是對象，是Function類型的實例。

  

  寧蒗網站制作公司哪家好，找成都創新互聯公司！從網頁設計、網站建設、微信開發、APP開發、成都響應式網站建設等網站項目制作，到程序開發，運營維護。成都創新互聯公司2013年開創至今到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選成都創新互聯公司。
  

• 函數名是指向函數對象的指針。

function sum(num1, num2){
    return num1 + num2;
}
// 檢查sum是否是Function類型的實例
console.log(sum instanceof Function); // true

let anotherSum = sum; // 指向同一個函數

console.log(anotherSum(1,2));   // 3

• 函數將若干條語句封裝起來，可以提高代碼的可復用性。

創建函數

函數聲明

語法：

function funcName(params){
    // do something...
    return something;
}

函數表達式

語法：

let funcName = function(params){
    // do something...
    return something;
}

因為函數本質上是對象，所以可以直接賦值給一個變量。這個變量將指向這個函數，調用函數時直接使用變量名即可。

箭頭函數

語法：

let funcName = (params)=>{
    // do something...
    return something;
}

注：箭頭函數是ES6新加入的語法。

構造函數

語法：

let funcName = new Function("param1","param2",...,"body");

構造函數接收任意多個字符串參數，最后一個是函數體，前面的是函數參數。

注：這種寫法不推薦，因為作為JS語句，它首先會被當做常規代碼解析，然后再通過Function構造函數解析形成函數對象，性能較差。

箭頭函數

箭頭函數是ES6新增的語法。任何可以使用函數表達式的地方，都可以使用箭頭函數。

語法格式

1. 如果沒有參數，要寫括號：

let getRandom = () => {return Math.random();};

2. 如果參數只有一個，可以不寫括號：

let double = x => {return x*2; };

3. 如果有多個參數，要寫括號：

let sum = (x, y) => {return x + y; };

4. 如果函數體有多條語句，則需要大括號：

let division = (a, b)=>{
    if(b === 0){
        console.error("除數不能為零");
    }else{
        return a/b;
    }
}

5. 如果函數體只有一條語句，可以不寫大括號，此時會隱式返回這行代碼的值：

let double = x => x*2;

特點

• 箭頭函數語法簡潔。

• 箭頭函數不能使用arguments、super，也不能用作構造函數，且箭頭函數沒有prototype屬性。

參數列表

JS的函數參數和大多數其他語言不同，JS中的函數參數定義是無關緊要的。

假如定義函數時預設有兩個參數，而調用時傳入了0個、1個或者3個參數，解釋器都不會報錯。

原因是使用function關鍵字定義的函數，可以在函數內部訪問arguments對象，從中獲取傳入的參數。

function testArgs(){
    console.log(arguments);
}

testArgs(1,2,3,4,5,6);

testArgs(1,"Hello",true);

arguments是一個類數組對象，它并不是Array的實例對象，并不是真正的數組，但是它具有類似數組的一些操作，比如可以像數組一樣通過[]訪問元素的值，可以通過length獲取元素個數。

可以通過arguments[0]訪問到傳入的第一個參數，通過arguments.length獲取傳入多少個參數。

箭頭函數的參數

注：箭頭函數不能使用arguments，所以箭頭函數需要多少參數需要在定義函數時就寫明。

不存在函數重載

在其他語言比如C++、Java中，存在函數重載，即可以存在多個函數名相同的函數，只要它們的參數個數、參數類型不一樣。在調用函數的時候，會根據傳入的參數數據類型，匹配上對應的函數。

顯然，在JS中，函數的參數列表是隨意的（參數個數與參數數據類型都是隨意的），也就不存在函數重載了。

注：在JS中，如果有多個函數名相同的函數定義，只有最后一個是有效的，前面的定義都將被覆蓋。

默認參數值

// 返回一個由隨機數組成的數組，默認長度為5
function getRandomArray(length = 5){
    const arr = new Array();
    for(let i=0;i

console.log(sum(1,2));    // 不會報錯，因為sum會被提升到頂部
function sum(x,y){
    return x+y;
}

function sum(x,y){
    return x+y;
}
console.log(sum(1,2));

console.log(sum(1,2));    // 報錯
let sum = function(x,y){
    return x+y;
}

// 獲取累加器
function getAccumulator(){
    let num = 0;    // 內部屬性
    return function(){    // 返回一個函數
        return num++;
    }
}

// 調用函數獲取累加器
let add = getAccumulator();
console.log(add());    // 0
console.log(add());    // 1
console.log(add());    // 2    
console.log(add());    // 3
console.log(add());    // 4

var funcName = function(){...};
funcName();

(function(){
...
})();