函式

函式的定義

函式是指由 事件驅動 或 當它被呼叫時 執行的可重複使用 的程式碼塊。

函式定義的方式有兩種：

函式由關鍵字function定義，第一種定義方式：函式宣告形式

function abs (x) {
    if (x > 0) {
    return x;
 } else {
    return;
 }
}

其中，abs為函式名，x為引數，多個引數用逗號","隔開， 花括號裡的是函式體，函式體可以是語句塊，也可以是空語句。

函式體在執行時，一旦執行到return時，函式執行結束並返回結果，且return後面的程式碼不執行;如果沒有return，函式也會返回結果，但此時返回的值是undefined

。

由於javascript函式也是一個物件，abs()就是一個函式物件，我們可以將abs()視為指向此函式的一個變數。

因此第二種函式的定義方式為：函式表示式形式

var abs ＝function (x) {
  if (x >0) {
  return x;
 }  else {
  return;
 }
};

這種情況下，function (x) {......}是一個匿名函式，它沒有函式名，但它賦值給了變數abs，因此可以通過變數abs呼叫該函式。

注：當匿名函式賦值給一個變數，後面的要加";"，不能省略。

當呼叫abs()函式時，若沒有引數，即:

abs(); //返回NaN
 

此時，引數為undefined，返回的結果為NaN。

想要避免收到undefined，可以對引數進行檢查即：

function abs (x) {
  if (typeof x !＝＝ undefined) {
    throw"Not a number"
 } if (x >0) {
    return x;
 } else {
    return;
 }
}

argument

JavaScript函式自帶一個關鍵字argument，它指向當前函式的呼叫者傳入的所有引數，類似一個數值Array，但又不是一個Array。使用argument可以訪問傳入函式的所有引數，arguments[0]表示訪問傳入函式的第一個引數,arguments.length

得到傳入引數的個數。

JavaScript可以接收任意多個引數。

如：

function abs (x) {
  if (typeof x !＝＝ undefined) {
    throw"Not a number"
 } if (x >0) {
    return x;
 } else {
    return;
 }
}

呼叫：

abs(10, 1, 20, 0); //返回10 1 20 0

argument[0]得到的結果是10，argument[1]得到的結果是1，argument[3]得到的結果是0。使用argument.length得到引數的個數為4。

rest

當我們呼叫函式時，實參的個數大於形參的個數時，想要獲取全部的實參，不得不使用argument書寫複雜的程式碼來實現。

function foo (a, b) {
    var i, rest = []; //定義一個空陣列，用來裝多餘的引數。
    if (arguments.length > 2) {
        for (i = 2; i<arguments.length; i++) {
            rest.push(arguments[i]);
        }
    }
    console.log('a = ' + a);
    console.log('b = ' + b);
    console.log(rest);
}

由於定義函式時， 規定的形參個數為2，所以想要得到多餘的實參，應規定當傳入的實參的個數大於2時，使用argument.length獲得傳入的實引數量，rest.push(argument[i])獲得多餘的引數，這樣書寫很複雜，ES6標準引入了rest關鍵字，用來獲取傳入的全部引數。

上面的例項可以書寫為：

function foo (a, b, ...rest) {
  console.log(rest);
}

這樣可以輸出全部的引數。

rest使用格式：rest必須寫在引數的最後面且rest前面必須用"..."標識，如：function  abs （a, b, ...rest）{}

小心return語句

我們知道javascript引擎有個自動在行末尾新增分號的機制，這樣很可能會掉進return的陷阱。如：

function abs (x) {
  return {name : "x"};
}

但如果不小心這樣書寫了：

function abs(x) {
    return
           {name : "x"};
}

由於javascript的機制，上述程式碼其實寫成了：

function abs (x) {
    return;  //自動在行末尾新增分號，想當於 return undefined。
       {name : "x"};//此時這個段程式碼不會執行。
}

由於return後面會自動新增";"，執行到return時，函式執行結束，後面的程式碼{name : "x"}不會執行，相當於返回了undefined值。所以正確的多行書寫格式為：

function abs (x) {
    return {
    name : "x"
  };
} 

沒有傳遞值的形參將自動賦值undefined，就跟定義了變數沒有初始化相似。

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

abs(1); //返回NaN

以上將1傳遞給了引數num1，而沒有傳遞值給num2，所以將自動賦值undefined給num2，因此返回結果是"1 + undefined"的值，即：NaN。

過載

過載：函式、方法的名稱相同，但引數的型別和數量（函式簽名）不同的形式稱過載。

JavaScript不像其它語言一樣有過載，因為JavaScript的引數是包含零個或多個值的陣列。

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

funcion abs (num1, num2) {
    return num1 * num2;
}

abs(1,2);

以上定義了兩個相同的函式，則該名字屬於後定義的函式，後定義的函式會覆蓋先定義的函式，所以呼叫了abs()函式後的結果返回2。