《JavaScript-The Definitive Guide》讀書筆記：函數定義和函數調用

定義函數

使用function關鍵字來定義函數，分爲兩種形式：

• 聲明式函數定義；

   function add(m,n) {
      alert(m+n);
   }

  這種方式等同於構造一個Function類的實例的方式：

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

  Function類構造方法的最後一個參數爲函數體："alert(m+n);"，前面的都是函數的形參，參數必須是字符串形式的："m","n"。
• 函數表達式；

   1 //將一個匿名函數賦值給變量add
   2 var add = function(m, n) {
   3     alert(m + n);
   4 };
   5 add(1, 2);//3
   6 
   7 //函數表達式做爲參數傳遞給其餘函數
   8 var arr = [1, 3, 4, 2];
   9 arr = arr.sort(function(a, b) {
  10     return a - b;
  11 });
  12 alert(arr);//1,2,3,4
  13 
  14 //定義後當即調用
  15 alert( function(m, n) {
  16     return m + n;
  17 }(1, 2));
  18 
  19 //函數表達式也能夠定義名稱(如用於遞歸)
  20 var f=function fact(x){
  21     if(x<1) {
  22         return 1;
  23     }else{
  24         return x*fact(x-1);
  25     }
  26 };

聲明式函數定義和函數表達式的一點區別

聲明式函數定義語句屬於頂級做用域範圍，函數調用語句可寫在函數聲明語句以前：

add(1, 2);//3
function add(m, n) {
    alert(m + n);
}

函數表達式定義的函數在定義以前沒法調用：

//TypeError: add is not a function
add(1, 2);
var add = function(m, n) {
    alert(m + n);
};

函數的返回值

Javascript中的函數不須要聲明返回類型，使用return關鍵字返回一個值。若函數不包含return語句，或者直接使用"return;"，則函數的返回值爲undefined。

嵌套函數

函數能夠嵌套在其餘的函數裏面，內層函數能夠訪問外層函數的參數和變量：

function add(m, n) {

    function d(x) {
        return x * 2;
    }

    return d(m) + d(n);
}

alert(add(1, 2));//6

調用函數

函數體代碼在函數被調用時纔會執行。Javascript函數有4中調用方式：

• 普通的函數調用
• 方法調用
• 構造函數調用
• 經過 call() 和 apply() 間接調用

普通的函數調用

最經常使用的函數調用方式，如：

alert("hello");

var result = add(1, 2);

方法調用

所謂方法就是將一個函數賦給一個對象的屬性：

 1 //定義一個函數
 2 function hello(name) {
 3     alert('hello,' + name);
 4 };
 5 var user = {};
 6 
 7 //賦值給user的sayHi屬性
 8 user.sayHi = hello;
 9 
10 //方法調用
11 user.sayHi('張三');

普通的函數調用和方法調用的一個區別：在"普通的函數調用"方式中，函數的調用上下文(this的值)，爲全局對象(非嚴格模式)或者undefined(嚴格模式)。而在"方法調用"方式中，this指向當前對象。利用這一特性，咱們能夠在方法不須要明確的返回值時，直接返回this，從而實現"方法鏈"。如jquery中常見的：

$('#btn_edit').css({color:red}).show();

嵌套函數中的this：嵌套函數中，內層函數不會繼承外層函數的this，即當內層函數做爲方法調用時，內層函數的this指向當前調用對象；當內層函數做爲函數調用時，this的值爲全局對象(非嚴格模式)或者undefined(嚴格模式)。怎樣在內層函數中訪問外層函數的this呢？一般將this保存在一個局部變量中，經過變量來訪問：

 1 var obj = {
 2     f : function() {
 3         var self = this;
 4         console.log(this === obj);//true，this指向當前對象
 5 
 6         f1();
 7 
 8         function f1() {
 9             console.log(this === obj);//false，this爲全局對象或者undefined
10             console.log(self === obj);//true，self指向外層this，即當前對象
11         }
12     }
13 };

構造函數調用

當使用new關鍵字建立一個對象時，即調用了構造函數。構造函數若沒有形參，能夠省略圓括號：

var obj = new Object();
//等價於
var obj = new Object;

調用構造函數，建立了一個新對象，這個新對象會成爲該構造函數的調用上下文(this的值)：

function User(name) {
    this.name=name;
    console.debug(this);
}

var user = new User('張三');

call() 和 apply() 間接調用

Javascript中函數也是對象，也擁有方法。其中 call() 和 apply() 能夠用來間接調用函數。call() 的第一個參數用來指定調用上下文(即this的值)，後面的參數是傳入調用函數的實參。

 1 var name = 'A';
 2 var user = {
 3     name : 'B'
 4 };
 5 
 6 function showName() {
 7     alert(this.name);
 8 }
 9 
10 showName();//A，this爲全局對象
11 showName.call(user);//B，this爲user對象

apply() 和 call() 相似，區別在於，後面的實參須要以數組的形式傳遞(可將當前函數的arguments數組直接傳入)。