雖然說用JS很多年了，但是卻一直停留在膚淺的階段，對JS的機制原理依然是一知半解，例如：閉包，雖然能說出一二，卻不能說出三四，確實慚愧。最近惡補一番，並將比較與大家分享，希望對大家有些幫助。

閉包

老概念，在JS程式設計中我們可能在不經意間就用到了它，只是我們不知道而已。首先呢，閉包並不是一個函式或者型別，而是一直語言機制，如果硬要做個類比的話，我覺得它應該屬於“繼承”這型別的語言機制。

在JS裡面，函式外部是不能直接呼叫函式內部的變數，如果我們非要呼叫它們的話，那你就需要閉包，舉個例子：

如果我們想在outerFunc外部呼叫color變數，那我們就得使用閉包機制，呼叫方式如下

function outerFunc()
{
    var color='red';
    function innerFunc(c)
   {
        color=c;
        alert(color);
   }
    return innerFunc;
}

var tmp=outerFunc();
tmp('green'); //green
 

This

如果我們呼叫的物件分別存在多個定義域裡面，例如：全域性或區域性，並且我們在用它的時候還加上了This關鍵字，那大家就要小心了，這時候我們就需要分辨我們呼叫的物件到底是全域性的呢，還是區域性的呢？

第一次呼叫返回的結果是一個包含this.name的函式體，但是我們執行它的定義域確實在全域性，所有它會返回’the window'。但是第二次呼叫呢，它的定義域是區域性，所以它返回'my object'，第三次呼叫返回的是閉包，所以它的結果當然是它的區域性變數值‘my object2'。

 var name = "The Window";
        var object = {
            name: "My Object",
            getNameFunc: function () {
                return function () {
                    return this.name;
                };
            }
        };

        var object2 = {
            name: "My Object2",
            age: 22,
            gender:'Femal',
            getNameFunc: function () {
                var name = this.name;
                return function () {
                    return name;
                };
            }
        };

        alert(object.getNameFunc()());
        object.show = object.getNameFunc();
        alert(object.show());
        alert(object2.getNameFunc()());
 

Call 和 Apply

這兩關鍵字的使用和This有很大的關係，它們能模擬物件的執行環節，對上面的例子來說，如果我們對第一呼叫做如下修改，那麼它返回的結果將是’My Object‘。

        alert(object.getNameFunc().call(object));
        alert(object.getNameFunc().apply(object));

Prototype

prototype是JS物件的一個內部原型機制，我們可以給它新增屬性或方法，這些內容都能被它對應的物件所識別。prototype在JS面向物件的程式設計中用的比較多，基本上都用它來實現物件的繼承機制，具體看下面例子。

 function person()
        {
            this.sex = 'male';
            this.age = 21;
            
        }
        person.prototype.introduce = function () {
            console.log('im a ' + this.sex + ' and im ' + this.age + ' years old');
        }

        function Jim()
        {
            this.name = 'Jim';
        }

        Jim.prototype = new person();

        var people = new Jim();
        people.introduce();

在這裡呢，我們成功的將person的所有屬性賦值給Jim.prototype了，當然這些東西對Jim物件是完全可見的，大家看，是不是通過這種方式很實現JS的單項繼承呢？