在一個對象中綁定該函數(shù)，稱為這個對象的方法。
在JavaScript中，對象的定義是這樣的：
var xiaoming = {
name: '小明',
birth: 1990
};
但是，如果我們給xiaoming綁定一個函數(shù)，就可以做更多的事情。比如，寫個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(); // 今年調(diào)用是27,明年調(diào)用就變成28了
綁定到對象上的函數(shù)稱為方法，和普通函數(shù)也沒啥區(qū)別，但是它在內(nèi)部使用了一個this關(guān)鍵字，這個東東是什么？
在一個方法內(nèi)部，this是一個特殊變量，它始終指向當(dāng)前對象，也就是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(); // 27,正常結(jié)果
getAge(); // NaN
單獨調(diào)用函數(shù)getAge() 怎么返回了NaN? 請注意，我們已經(jīng)進(jìn)入到了JavaScript的一個大坑里。
JavaScript的函數(shù)內(nèi)部如果調(diào)用了this，那么這個this到底指向誰？
答案是，視情況而定！
如果以對象的方法形式調(diào)用，比如xiaoming.age(),該函數(shù)的this指向被調(diào)用的對象，也就是xiaoming,這是符合我們預(yù)期的。
如果單獨調(diào)用函數(shù)，比如getAge(),此時，該函數(shù)的this指向全局對象，也就是window。
坑爹?。?br>
更坑爹的是，如果這么寫：
var fn = xiaoming.age; // 先拿到xiaoming的age函數(shù)
fn(); // NaN
也是不行的！要保證this指向正確，必須用obj.xxx()的形式調(diào)用！
由于這是一個巨大的設(shè)計錯誤，要想糾正可沒那么簡單。ECMA決定，在strict模式下讓函數(shù)的this是想undefined，因此，在strict模式下，你會得到一個錯誤：
'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
這個決定只是讓錯誤及時暴露出來，并沒有解決this應(yīng)該指向的正確位置。
有些時候，喜歡重構(gòu)的你把方法重構(gòu)了一下：
'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
結(jié)果又報錯了！原因是this指針只在age方法的函數(shù)內(nèi)指向xiaoming，在函數(shù)內(nèi)部定義的函數(shù)，this又指向undefined了?。ㄔ诜莝trict模式下，它重新指向全局對象window?。?br> 修復(fù)的辦法也不是沒有，我們用一個that變量首先捕獲this:
'use strict';
var xiaoming = {
name: '小明',
birth: 1990,
age: function () {
var that = this; // 在方法內(nèi)部一開始就捕獲this
function getAgeFromBirth() {
var y = new Date().getFullYear();
return y - that.birth; // 用thar而不是this
}
return getAgeFromBirth();
}
};
xiaoming.age(); // 27
用var that = this, 你就可以放心地在方法內(nèi)部定義其他函數(shù)，而不是把所有語句都堆到一個方法中。
</br>
apply
雖然在一個獨立的函數(shù)調(diào)用中，根據(jù)是否是strict模式，this指向underfined 或 window,不過，我們還是可以控制this 的指向的！
要指定函數(shù)的this指向哪個對象，可以用函數(shù)本身的apply方法，它接收兩個參數(shù)，第一個參數(shù)就是需要綁定的this變量，第二個參數(shù)是Array，表示函數(shù)本身的參數(shù)。
用apply修復(fù)getAge() 調(diào)用：
function getAge() {
var y = new Date().getFullYear();
return y - this.birth;
}
var xiaoming = {
name: '小明',
birth: 1990,
age: getAge
};
xiaoming.age(); //27
getAge.apply(xiaoming, []); // 27, this指向xiaoming， 參數(shù)為空
另一個與apply()類似的方法是call(),唯一區(qū)別是：
- apply()把參數(shù)打包成Array在傳入；
- call()把參數(shù)按順序傳入。
比如調(diào)用Math.max(3, 5, 4),分別用apply()和call()實現(xiàn)如下：
Math.max.apply(null, [3, 5, 4]); // 5
Math.max.apply(null, 3, 5, 5); // 5
對于普通函數(shù)調(diào)用，我們通常把this綁定為null。
</br>
裝飾器
利用apply(), 我們還可以動態(tài)改變函數(shù)的行為。
JavaScript的所有對象都是動態(tài)的，即使內(nèi)置的函數(shù)，我們也可以重新指向新的函數(shù)。
假定我們想統(tǒng)計一下代碼一共調(diào)用了多少次parseInt(), 可以把所有的調(diào)用都找出來，然后手動加上count += 1, 不過這樣做太傻了。最佳方案就是用我們的函數(shù)替換掉默認(rèn)的parseInt():
var count = 0;
var oldParseInt = parseInt; // 保存原函數(shù)
window.parseInt = funciton () {
count += 1;
return oldParseInt.apply(null, arguments); // 調(diào)用原函數(shù)
};
// 測試
parseInt('10');
parseInt('20');
parseInt('30');
count; // 3
