摘要：除此之外，還有一種情況也會修改，在一些庫中傳入回調(diào)函數(shù)，可能會強(qiáng)制改變的綁定，例如在中本例中的就是被強(qiáng)制改變綁定到了觸發(fā)事件的元素上。它們的第一個參數(shù)是一個對象，它們會把這個對象綁定到，接著在調(diào)用函數(shù)時指定這個。

this關(guān)鍵詞是JavaScript語言中一個很重要，同時也是一個非常復(fù)雜的機(jī)制，它同時也是一個很特殊的關(guān)鍵詞，它一般會被自動定義在函數(shù)的作用域中。不少很有經(jīng)驗的開發(fā)者也經(jīng)常會被this的指向搞暈，當(dāng)開發(fā)者搞不清楚它的指向的時候，內(nèi)心的感受實際上差不多是這個樣子：
接下來我們將會具體討論this關(guān)鍵詞到底指向什么。

首先明確一點，this的綁定和函數(shù)的聲明位置是沒有任何關(guān)系的，它只取決于函數(shù)的調(diào)用位置和調(diào)用方式。

首先我們先看一下最常見的也是最簡單的函數(shù)調(diào)用，全局中的獨(dú)立的函數(shù)調(diào)用：

var a = "hello";
function foo() {
  console.log(this.a);
}
foo();// "hello"

眾所周知，聲明在全局作用域中的變量，就是全局對象(window或者global)的一個同名的屬性，在本例中，this.a被解析成了全局變量a，而函數(shù)foo就是在直接在全局對象下、不帶有任何修飾地進(jìn)行調(diào)用的，所以，this的默認(rèn)綁定規(guī)則就是指向全局對象。但是，當(dāng)我們使用嚴(yán)格模式(strict)進(jìn)行開發(fā)的時候，情況發(fā)生了變化

"use strict";
var a = "hello";
function foo() {
  console.log(this.a);
}
foo();// undefined

在嚴(yán)格模式下，this被禁止綁定到全局對象中，所以在本例中，this指向了undefined。

看下面的代碼：

var a ="world";
var foo = function () {
  console.log(this.a);
};
var obj = {
  a:"hello",
  b:foo
};
obj.b(); //"hello"

本例中，分別在全局對象中定義變量a，和在全局對象中定義屬性obj.a，運(yùn)行結(jié)果是this被綁定到了被調(diào)用函數(shù)所在的對象中，而并非是全局對象中的a,或者你可以說，this指向了該函數(shù)的上級對象中。但是嚴(yán)格來說，無論是直接在obj對象中直接定義，還是先在全局對象中定義再添加到obj中，foo函數(shù)都并不屬于obj對象，然而調(diào)用位置會使用obj的上下文來引用函數(shù)。簡單說，當(dāng)函數(shù)引用有上下文對象時，隱式綁定規(guī)則會將函數(shù)調(diào)用中的this綁定到這個上下文對象中。

var Foo = function () {
  this.a = "hello";
}
Foo.prototype.bar = function () {
   console.log(this.a);
};
Foo.prototype.bar2 = function () {
   this.bar();
};
var foo = new Foo();
foo.bar2();//"hello"

本例與上例類似，this在“Foo類”（嚴(yán)格說Foo是應(yīng)該是構(gòu)造函數(shù)，但一般在開發(fā)過程中認(rèn)為Foo是類，這樣有助于在面向?qū)ο缶幊讨袦p少誤解）中綁定的是“類”里的共有變量和共有方法。

上述的幾種應(yīng)用場景還是非常容易理解的，也是比較符合我們對this字面意義的理解的，相信對JavaScript有過接觸和研究的童鞋很快就會掌握。下面將繼續(xù)介紹幾種讓人感覺匪夷所思的this綁定丟失。
思考以下代碼：

var a = "world";
function foo (){
   console.log(this.a);
}
var obj = {
  a:"hello",
  foo:foo
};
var bar = obj.foo; //函數(shù)別名
bar(); //"world"

代碼執(zhí)行完成后，我們看到this被綁定到了（或者說指向了）全局對象上，而并不是和前幾種情況下綁定到obj對象中，這是為啥呢？
雖然bar是obj.foo的一個引用，但是實際上它引用的是foo函數(shù)本身，因此此時bar其實是一個不帶任何修飾的函數(shù)調(diào)用，因此適用于默認(rèn)綁定情況。
下面再來看看回調(diào)函數(shù)中this的綁定情況

function foo() {
  console.log(this.a);
}
function do(fnc) {
  fnc();
};
var obj = {
  a:2,
  foo:foo
};
var a = "world";
do(obj.foo);//"world"

參數(shù)傳遞其實就是一種隱式賦值，因此傳入函數(shù)時也會被隱式賦值，所以結(jié)果和上一個例子沒有區(qū)別，即便是將函數(shù)傳入語言內(nèi)置的的函數(shù)（比如setTimeout()）中，結(jié)果也是沒有區(qū)別的，this要么被綁定到全局對象中，要么綁定到undefined。
除此之外，還有一種情況也會修改this，在一些JavaScript庫中傳入回調(diào)函數(shù)，可能會強(qiáng)制改變this的綁定，例如在jquery中

$("#some-id").on("click",function () {
  console.log(this.id);//"some-id"
});

本例中的this就是被強(qiáng)制改變綁定到了觸發(fā)事件的DOM元素上。

隱式綁定實際上就是在一個對象的內(nèi)部包含一個指向函數(shù)的屬性，并通過這個屬性間接地引用屬性，從而把this間接地綁定到這個對象上。
我們可以使用call和apply兩個函數(shù)進(jìn)行顯式綁定。它們的第一個參數(shù)是一個對象，它們會把這個對象綁定到this，接著在調(diào)用函數(shù)時指定這個this。

var a = "world";
function foo() {
  console.log(this.a);
}
var obj = {
  a:"hello"
};
foo.call(obj);//"hello"
foo() //"world"

單純的實現(xiàn)this綁定的功能的話，call和apply是一樣的，它們的區(qū)別體現(xiàn)在別的參數(shù)中。

思考下面的代碼：

function foo() {
  console.log(this.a);
}
var obj = {
  a:"hello"
};
function bar() {
  foo.call(obj);
}
bar(); //"hello"
setTimeout(bar,500);// "hello"
bar.call(window); //"hello",硬綁定的bar不能再修改它的this

我們創(chuàng)建了函數(shù)bar，并且手動在它的內(nèi)部調(diào)用foo.call(obj)，因此強(qiáng)制把foo的this綁定到obj，之后無論怎么調(diào)用函數(shù)bar，它總會在obj上調(diào)用foo，不會丟失，這種綁定方式被稱為硬綁定.