方法

在一個對象中綁定函數，成為這個對象的方法。
在JavaScript中，對象的定義是這樣的：

    var xioaming = {
        name : '小明',
        birth : 1990
    }

但是，如果我們給xiaoming綁定一個函數，就可以做更多的事情。比如，寫個age()方法，返回xiaoming的年齡：

    var xiaoming = {
        name : '小明',
        birth : 1990,
        age : function () {
            var y = new Date().getFullYear();
            return y - this.birth;
        }
    };
    xiaoming.age; // function xiaoming.age()
    xiaoming.age(); // 今年調用是26，明年調用就變成26了

綁定到對象上的函數稱為方法，和普通函數也沒啥區別，但是他在內部使用了一個this關鍵字，在一個方法內部，this是一個特殊變量，它始終指向當前對象，也就是xiaoming這個變量。所以，this.birth可以拿到xiaoming的birth屬性。

    // 如果拆開寫
    function getAge() {
        var y = new Date().getFullYear();
        return y - this.birth;
    }
    
    var xiaoming = {
        name : '小明',
        birth : 1990,
        age : getAge
    };
    
    xiaoming.age(); // 26，正常結果
    getAge(); // NaN

如果以對象的方法形式調用，比如xiaoming.age(),該函數this指向被調用的對象，也就是xiaoming，這是符合我們預期的。
如果單獨調用函數，比如getAge(),此時函數的this指向全局對象，也就是window

    // ！！！更坑爹的是這么寫：
    var fn = xiaoming.age; // 先拿到xiaoming的age函數
    fn(); // NaN，這樣也是不行的！要保證this指向正確，必須用obj.xxx()的形式調用！

由于這是一個巨大的設計錯誤，要想糾正可沒那么簡單。ECMA決定，在strict模式下讓函數的this指向undefeated，因此，在strict模式下，你會得到一個錯誤
這個決定只是讓錯誤及時暴露出來，但是沒有解決this應該指向的正確位置

    'use strict';
    
    var xiaoming = {
        name : '小明',
        birth : 1990,
        age : function () {
            var y = new Date().getFullYear();
            return y - this.birth;
        }
    };
    
    var fn = xiaoming.age;
    fn(); // Uncaught TypeError: Cannot read property 'birth' of undefined

有時候，重構的話

    'use strict';
    
    var xiaoming = {
        name : '小明',
        birth : 1990,
        age : function () {
            function getAgeFromBirth() {
                var y = new Date().getFullYear();
                return y - this.birth;
            }
            return getAgeFromBirth;
        }
    };
    
    xiaoming.age(); // Uncaught TypeError: cannot read property 'birth' of undefined

結果又報錯了！ 原因是this指針只在age方法的函數內指向xiaoming，在函數內部定義的函數，this又指向undefeated了！（在非strict模式下，它重新指向全局對象windwo！）
修復的方法也不是沒有，我們用一個that變量首先捕獲this

 'use strict';
    
var xiaoming = {
        name : '小明',
        birth : 1990,
        age : function () {
            var that = this; // 在方法內部一開始就捕獲this
            function getAgeFromBirth() {
                var y =  new Date().getFullYear();
                return y - that.birth; // 用that而不是this
          }
         return getAgeFromBirth;
    }
};

xiaoming.age(); // 25,用var that = this;你就可以放心的在方法內部定義其他函數，而不是把其他所有語句都堆在一個方法中。

apply:

雖然在一個獨立的函數調用中，根據是否是strict模式，this指向undefeated或window，不過，我們還是可以控制this的指向的！
要指定函數的this指向哪個對象，可以用函數本身的apply方法，它接收兩個參數，第一個參數就是需要綁定的this變量，第二個參數是Array，表示函數本身的參數。
用apply修復getAge()調用；

function getAge() {
        var y = new Date().getFullYear();
        return y - this.birth;
}
var xiaoming = {
        name : '小明',
        birth : 1990,
        age : getAge()
};
xiaoming.age(); // 25
getAge.apply(xiaoming, []); // 25，this指向xiaoming，參數為空

另一個與apply() 類似的方法是call()，其唯一區別是：

• apply() 把參數打包成Array再傳入
• call() 把參數按順序傳入

比如調用Math.max(3, 5, 4), 分別用apply()和call()實現如下, 對普通函數調用，我們通常把this綁定為null：

Math.max.apply(null, [3, 5, 4]); // 5
Math.max.call(null, 3, 5, 4); // 5

裝飾器：

利用apply()，我們還可以動態改變函數的行為。
JavaScript的所有對象都是動態的，即使內置的函數，我們也可以重新指向新的函數。
現在假定我們想統計一下代碼一共調用了多少次parseInt(),可以把所有的調用都找出來，然后手動加上count += 1，不過這樣做太傻了。最佳方案是用我們自己的函數替換掉默認的parseInt();

    var count = 0;
    var old_parseInt = parseInt; // 保存原函數
    window.parseInt = function () {
        count += 1;
        return old_parseInt.apply(null, arguments); // 調用原函數
    }
    // 測試
    parseInt('10');
    parseInt('20');
    parseInt('30');
    count; // 3

筆記整理自廖雪峰JavaScrip教程