(內容同步自小鄒的頭條號：滬漂程式設計師的生活史)

this作為js裡面基礎而又重要的一個角色，一直以來都被面試官所倚重，根據小鄒自己的面試經歷和網上的一些調查，相信80%的面試官都會面試這個特殊的物件，今天小鄒總結了一下，讓大夥能夠一勞永逸，每次只要來翻看這篇文章就夠了。

一：全域性執行

console.log(this);// Window

可以看出在全域性作用域中 this 指向當前的全域性物件 Window。

二：函式中執行

1. 非嚴格模式中

function func () {
 console.log(this);
}
func();
// Window

2. 嚴格模式中

"use strict";
function func () {
 console.log(this);
}
func();
// undefined

三：作為物件的方法呼叫

當一個函式被當作一個物件的方法呼叫的時候，this 指向當前的物件 obj：

如果把物件的方法賦值給一個變數，呼叫該方法時，this 指向 Window：

四：作為一個建構函式使用

在 JS 中，為了實現類，我們需要定義一些建構函式，在呼叫一個建構函式的時候加上 new 這個關鍵字：

此時，this 指向這個建構函式呼叫的時候例項化出來的物件。

當然了，建構函式其實也是一個函式，若將建構函式當做普通函式來呼叫，this 指向 Window：

五：在定時器中使用

setInterval(function() {
 console.log(this);
}, 2000)
// Window

如果沒有特殊指向（指向更改請看下方：怎麼改變 this 的指向），setInterval 和setTimeout 的回撥函式中 this 的指向都是 Window 。這是因為 JS 的定時器方法是定義在 Window 下的。

六：箭頭函式

在全域性環境中呼叫：

var func = () => {
 console.log(this);
}
func();
// Window

作為物件的一個函式呼叫：

var obj = {
 name: 'hh',
 func: function() {
 console.log(this);
 }
}
obj.func();
// obj

var obj = {
 name: 'hh',
 func: () => {
 console.log(this);
 }
}
obj.func();
// Window
 

不難發現，普通函式作為物件的一個函式被呼叫，this 指向 obj，箭頭函式作為物件的一個函式被呼叫，this 指向 Window。

特殊情況：結合定時器呼叫：

若在物件的函式中，普通函式作為定時器延時執行的函式呼叫，this 指向 Window；箭頭函式作為定時器延時執行的函式呼叫， this 指向定義時所在的物件，也就是 func 中的 this，即 obj。

箭頭函式中 this 的值取決於該函式外部非箭頭函式的 this 的值，且不能通過 call() 、 apply() 和 bind() 方法來改變 this 的值。

七：call、apply、bind

call：

fun.call(thisArg[, arg1[, arg2[, ...]]])

它會立即執行函式，第一個引數是指定執行函式中 this 的上下文，後面的引數是執行函式需要傳入的引數。

apply：

fun.apply(thisArg, [argsArray])

它也會立即執行函式，第一個引數是指定執行函式中 this 的上下文，第二個引數是一個數組，是傳給執行函式的引數（與 call 的區別）。

bind：

var foo = fun.bind(thisArg[, arg1[, arg2[, ...]]]);

它不會執行函式，而是返回一個新的函式，這個新的函式被指定了 this 的上下文，後面的引數是執行函式需要傳入的引數。

我們來看個示例：

在這個示例中，call、apply 和 bind 的 this 都指向了 obj，都能正常執行；call、apply 會立即執行函式，call 和 apply 的區別就在於傳遞的引數，call 接收多個引數列表，apply 接收一個包含多個引數的陣列；bind 不是立即執行函式，它返回一個函式，需要執行 p2 才能返回結果，bind 接收多個引數列表。

應用：怎麼改變 this 的指向

為什麼講這個模組呢，為了便於大家更加透徹的理解上面所講述的 this 指向問題，以及更加徹底的理解 JS 函式中重要的三種方法：call、apply、bind 的使用；並且在實際的專案開發中，我們經常會遇到需要改變 this 指向的情況。

我們來看下都有哪些方法：

1. 使用 es6 的箭頭函式

這時會報錯，因為 setTimeout 裡函式的 this 指向 Window，而 Window 物件上是沒有 func1 這個函式的。下面我們來修改成箭頭函式：

這時候，沒有報錯，因為箭頭函式的 this 的值取決於該函式外部非箭頭函式的 this 的值，也就是 func2 的 this 的值， 即 obj。

2. 在函式內部儲存this物件

此時，func2 也能正常執行。在 func2 中，首先設定 var _this = this，這裡的 this 是指向 func2 的物件 obj，為了防止在 func2 中的 setTimeout 被 window 呼叫而導致的在 setTimeout 中的 this 為 window。我們將 this (指向變數 obj) 賦值給一個變數 _this，這樣，在 func2 中我們使用 _this 就是指向物件 obj 了。

3. 使用 call、apply、bind

call：

apply：

bind：

call、apply、bind 都能改變 this 的上下文物件，所以也沒有報錯，可以正常執行。

具體原因可看上述第七點，call、apply、bind。