關於普通函數this指向

 普通函數this指向詳解

this的指向在函數定義的時候是確定不了的，只有函數執行的時候才能確定this到底指向誰，實際上this的最終指向的是那個調用它的對象（這句話不那么嚴謹，作為一般情況下是可以的）

section1：如果一個函數中有this，但是它沒有被上一級的對象所調用，那么this指向的就是window，這里需要說明的是在js的嚴格版中this指向的不是window，但是我們這里不探討嚴格版的問題(在嚴格版中的默認的this不再是window，而是undefined。)

function dog(){ var user = "二狗子"; console.log(this.user); //undefined console.log(this); //Window } dog(); //相當於window.a(); //this最終指向的是調用它的對象，這里的函數a實際是被Window對象所點出來的

 

section2：如果一個函數中有this，這個函數有被上一級的對象所調用，那么this指向的就是上一級的對象。

var dog = { user:"二狗子", fn:function(){ console.log(this.user); //二狗子 console.log(this); //{user: "二狗子", fn: ƒ} } } dog.fn(); //this執行時被它的上一級對象dog{user: "二狗子", fn: ƒ}調用

 

section3：如果一個函數中有this，這個函數中包含多個對象，盡管這個函數是被最外層的對象所調用，this指向的也只是它上一級的對象

var dog = { a:1, b:{ //a:2, fn:function(){ console.log(this.a); //undefind 有兩個對象b和dog,所以此this.a指向它的上一級 } }, fn1:function(){ console.log(this.a); //1 } } dog.fn1(); dog.b.fn();

另外還有兩種種特殊情況：

第一種：當this遇到return

1

function fn() { this.user = '二狗子'; return {}; } var a = new fn; console.log(a.user); //undefined

 2.

function fn() { this.user = '二狗子'; return function(){}; } var a = new fn; console.log(a.user); //undefined

3.

function fn() { this.user = '二狗子'; return 1; } var a = new fn; console.log(a.user); //二狗子

4.

function fn() { this.user = '二狗子'; return undefined; } var a = new fn; console.log(a.user); //二狗子

 

function fn() { this.user = '二狗子'; return null; } var a = new fn; console.log(a.user); //二狗子

總結：如果返回值是一個對象，那么this指向的就是那個返回的對象，如果返回值不是一個對象那么this還是指向函數的實例。
還有一點就是雖然null也是對象，但是在這里this還是指向那個函數的實例，因為null比較特殊。

 

第二種：

var dog = { a:1, b:{ a:2, fn:function(){ console.log(this.a); //undefined console.log(this); //window } } } var j = o.b.fn; j();

 

這里this指向的是window，是不是有些蒙了？其實是因為你沒有理解一句話，這句話同樣至關重要。

　　this永遠指向的是最后調用它的對象，也就是看它執行的時候是誰調用的，例子4中雖然函數fn是被對象b所引用，但是在將fn賦值給變量j的時候並沒有執行所以最終指向的是window