摘要：在中有四種調(diào)用模式方法調(diào)用模式函數(shù)調(diào)用模式構(gòu)造器調(diào)用模式和調(diào)用模式。構(gòu)造一個的實例目標(biāo)就是結(jié)合前綴來調(diào)用的函數(shù)，被稱為構(gòu)造函數(shù)。

久違的博文，貌似距離我上一篇也算是有些年歲（加班的日子真是度日如年啊T^T）了，所以呢，現(xiàn)在是時候回歸正道了，還是歡迎各位IT道友多多交（tu）流（cao）哈！

首先，說到 JavaScript 函數(shù)，我們就要先理解下一些很可能被忽視的小概念：函數(shù)對象 和 函數(shù)字面量。

我們知道，在JavaScript中 函數(shù) 就是 對象。對象是“名/值”的集合，并擁有一個連到原型對象的隱藏連接。其中，對象字面量產(chǎn)生的對象連接到 Object.prototype，而函數(shù)對象連接到 Function.prototype （注：該原型對象本身連接到 Object.prototype ）。每個函數(shù)在創(chuàng)建時，都附有兩個附加的隱藏屬性： 函數(shù)的上下文 和 實現(xiàn)函數(shù)行為的代碼 。

另外，每個函數(shù)對象在創(chuàng)建時，也隨帶有一個 prototype 屬性，他的值是一個擁有 constructor 屬性，而且其值即為該函數(shù)的對象。這和隱藏連接到 Function.prototype 完全不同，而這個令人費解的構(gòu)造過程的意義，我先埋個坑，以后在繼承篇的相關(guān)文章中再來填好了。

因為函數(shù)是對象，所以它可以像其他值一樣被使用，比如，可以存放在變量、對象和數(shù)組中，可以被當(dāng)做參數(shù)傳遞給其他函數(shù)，也可以在函數(shù)中返回函數(shù)，而且，更因為函數(shù)是對象，因此 函數(shù)也可以擁有方法。

函數(shù)對象可以通過函數(shù)字面量來創(chuàng)建：

var add = function (a, b) {
    return a + b;
}

函數(shù)字面量包括四個部分：

第一部分，是 保留字 function。

第二部分，是 函數(shù)名，它可以省略不寫。函數(shù)可以用它的名字來 遞歸 地調(diào)用自己。此名字也能被調(diào)試器和開發(fā)工具來識別函數(shù)（如：FireBug、Chrome console 等）。如果沒有給函數(shù)命名，比如上面的例子，它會認(rèn)為是 匿名函數(shù)。

第三部分，是包圍在圓括號中的一組 參數(shù)，其中每個參數(shù)之間用逗號隔開，這些參數(shù)（也稱形式參數(shù)，即形參）將被定義為函數(shù)中的變量，但是，它們不像普通變量那樣被初始化為 undefined，而是在該函數(shù)被調(diào)用時初始化為實際提供的參數(shù)的值（也稱實際參數(shù)，即實參）。

第四部分，是包圍在花括號中的一組語句，這些語句就是 函數(shù)主體，它們在函數(shù)被調(diào)用時執(zhí)行。

函數(shù)字面量可以出現(xiàn)在任何允許表達式出現(xiàn)的地方。當(dāng)然，函數(shù)也可以嵌套在其他函數(shù)中，這樣的話，一個內(nèi)部函數(shù)不僅可以訪問自己的參數(shù)和變量，同時也可以方便地訪問它被嵌套的那個外部函數(shù)的參數(shù)和變量。

通過函數(shù)字面量創(chuàng)建的函數(shù)對象包含一個連到外部上下文的連接，這被稱為 閉包。它是 JavaScript 強大表現(xiàn)力的根基。而關(guān)于閉包的詳細原理和使用方法，以后會發(fā)布一些專門的文章進行說明，敬請期待 ( ^_^ ) ~~

葷割線之后，接下來就是本文的重頭戲 -- 關(guān)鍵字 this 上場。眾所周知，這個老（son）伙（of）計（bit ch）可以說是JavaScript中的一大深坑，至于如何華麗麗地跳出這個坑，還請各位搬好板凳，備好瓜子，聽我慢慢道來。

當(dāng)我們調(diào)用一個函數(shù)時，將暫停當(dāng)前函數(shù)的執(zhí)行，將傳遞控制器與參數(shù)給新函數(shù)。然而，除了聲明時定義的形參，每個函數(shù)接收兩個附加的參數(shù)：this 和 arguments。參數(shù) this 在面向?qū)ο缶幊讨惺欠浅Ｖ匾?，它的值取決于調(diào)用的模式。在JavaScript中有四種調(diào)用模式：方法調(diào)用模式、函數(shù)調(diào)用模式、構(gòu)造器調(diào)用模式和apply調(diào)用模式。

調(diào)用運算符，就是跟在任何一個函數(shù)值的表達式之后的一對圓括號，它可以包含零個或者多個用逗號隔開的表達式，每個表達式產(chǎn)生一個參數(shù)值，每個參數(shù)值被賦予函數(shù)聲明時定義的形式參數(shù)名，而當(dāng)實際參數(shù)（arguments）的個數(shù)與形式參數(shù)（parameters）的個數(shù)不匹配時，不會導(dǎo)致運行時報錯。比如說，如果實參值過多，超出的參數(shù)值將被忽略，如果實參值過少，缺失的值將會被替換為 undefined。并且，對參數(shù)值不會進行類型檢查，即任何類型的值都可以被傳遞給參數(shù)。

當(dāng)一個函數(shù)被保存為對象的一個屬性時，我們稱之為方法。當(dāng)一個方法被調(diào)用時，this 會被綁定到該對象，即this就是該對象。如果一個調(diào)用表達式包含一個屬性存取表達式（即一個 . 點表達式 或者 [subscript] 下標(biāo)表達式），那么它將被當(dāng)做一個方法來調(diào)用。

// 創(chuàng)建 myObject。它有一個 value 屬性 和一個 increment 方法
// increment 方法接收一個可選的參數(shù)，若參數(shù)不是數(shù)字型，則默認(rèn)使用數(shù)字 1。
var myObject = {
    value: 0,
    increment: function (inc) {
        this.value += typeof inc === "number" ? inc : 1;
    }
};
// 不傳參
myObject.increment();  
console.log(myObject.value);  // 1

// 傳非數(shù)字型
myObject.increment("a");  
console.log(myObject.value);  // 2 

// 傳數(shù)字型
myObject.increment(2);  
console.log(myObject.value);  // 4 

方法可以使用 this 去訪問對象，所以它能從對象中取值或者修改該對象。this 到對象的綁定，發(fā)生在調(diào)用的時候。這個“超級”遲綁定（very late binding）使得函數(shù)可以對 this 高度復(fù)用。通過 this 可取得它們所屬對象的上下文的方法，稱為公共方法。

當(dāng)一個函數(shù)并非一個對象的屬性（即方法）時，那么它將被當(dāng)做一個函數(shù)來調(diào)用。

function add (a, b) {
    return a + b;
}

var sum = add(3,4);
console.log(sum);  // 7

當(dāng)函數(shù)以此模式調(diào)用時，this 被綁定到全局對象（即 window 對象），這是語言設(shè)計上的一個重大的錯誤?。?！如果設(shè)計正確的話，當(dāng)內(nèi)部函數(shù)被調(diào)用時，this 應(yīng)該仍然綁定到外部函數(shù)的 this 變量才對。這個錯誤設(shè)計的后果是，方法不能利用內(nèi)部函數(shù)來幫助他工作，因為內(nèi)部函數(shù)的 this 被綁定了錯誤的值，或者說綁定了我們不想要的值，所以不能共享該方法對于對象的訪問權(quán)。不過，幸運的是，有一個很容易的解決方案：如果該方法定義一個變量并給它賦值為this，那么內(nèi)部函數(shù)就可以通過那個變量訪問到 this，而這個變量我們通常命名為 that。

function add (a, b) {
    return a + b;
}

// 給 myObject 增加一個double方法
myObject.double = function () {
    var that = this;
    console.log(that);

    var helper = function () {
        that.value = add(that.value, that.value);
    };

    // 以函數(shù)的形式調(diào)用 helper
    helper();  
};

// 以方法的形式調(diào)用 double
myObject.double();  
console.log(myObject.getValue());  // 8

JavaScript 是一門基于原型繼承的語言，這就意味著對象可以直接從其它對象繼承屬性或方法，而該語言也是無類別的。

如果在一個函數(shù)前面加上一個 new 來調(diào)用，那么將會創(chuàng)建一個隱藏連接到該函數(shù)的 prototype 成員的新對象（或者稱之為該對象的實例），同時，this 將會被綁定到那個新對象（實例）上。

然而，new 前綴也會改變 return 語句的行為，這個我們以后再做詳細解析。

Quo.prototype.get_status = function () {
    return this.status;
};

// 構(gòu)造一個 Quo 的實例
var myQuo = new Quo("success");
console.log(myQuo.get_status());  // success  

目標(biāo)就是結(jié)合 new 前綴來調(diào)用的函數(shù)，被稱為構(gòu)造函數(shù)。按照約定，它們保存在以首字母大寫命名的變量里。如果調(diào)用構(gòu)造函數(shù)時，沒有在前面加上 new，可能會發(fā)生非常糟糕的事情（如，實例無法調(diào)用該原型對象的方法，等），這樣既沒有編譯時警告，也沒有運行時警告，所以加 new 前綴和大寫約定，是非常、非常、非常重要的（重要話，說三遍）。

然并卵，實際使用中，我們并不推薦這種形式的構(gòu)造器函數(shù)，以后將在JavaScript的繼承篇為各位提供更好的解決方案。

因為 JavaScript 是一門函數(shù)式的面向?qū)ο蟮木幊陶Z言，所以函數(shù)可以擁有方法。

apply 方法讓我們構(gòu)建一個參數(shù)數(shù)組并用其去調(diào)用函數(shù)，它也允許我們選擇 this 的取值。apply 方法接收兩個參數(shù)，第一個是將被綁定給 this 的值，第二個就是一個參數(shù)數(shù)組。

// 1.構(gòu)造一個帶有兩個數(shù)字的數(shù)組，將之相加
var arr = [3, 4];
var sum = add.apply(null, arr);  

console.log(sum);  // 7

// 2.構(gòu)造一個含有 status 成員的對象
var statusObj = {
    status: "right"
};

var status = Quo.prototype.get_status.apply(statusObj);  
console.log(status);  // right

這里第二個例子的代碼，通過了 apply 方法替換 Quo 對象中的 this 指針。