this關鍵字

this關鍵字是什么

this關鍵字是JavaScript中最復雜的機制之一。它是一個很特別的關鍵字，被定義在所有函數的作用域中。但是即使是非常有經驗的JavaScript開發者也很難說清它到底指向什么。
1.this被定義在所有函數的作用域中
2.this指向哪個對象不取決于this被定義在哪里，而是取決于調用的位置

//定義一個全局變量 var v = 10; //this經常被定義在函數的作用域中 function fn(){//this 總是要返回一個對象console .log(this . v); } fn();

綁定規則

默認綁定

在一個函數體中使用this，當該函數被獨立調用。可以把這條規則看作是無法應用其他規則時的默認規則。

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

隱式綁定

隱式綁定的規則需要考慮的是調用位置是否有上下文對象，或者說是否被某個對象擁有或者包含。

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

隱式綁定丟失

隱式綁定丟失是最常見的this綁定問題，指的就是被隱式綁定的函數會丟失綁定對象，也就是說它會應用默認綁定，從而把this綁定到全局對象。

// 定義一個全局變量 var v = 100; // 定義一個函數 function fn(){console.log(this.v); } // 定義一個對象 var obj = {v : 200,f : fn // 對象的f()方法指向fn()函數 } // 定義一個全局變量，并被賦值為對象obj的f()方法 var fun = obj.f; // 將fun作為一個函數進行調用 fun();

顯示綁定

顯示綁定就是明確在調用時，this所綁定的對象。JavaScript中提供了apply（）方法和call（）方法實現，這兩個方法的第一個參數接收是一個對象，會把這個對象綁定到this，接著在調用函數時指定這個this

// 定義一個全局變量 var v = 100; // 定義一個函數 function fn(){console.log(this.v); } // 定義一個對象 var obj = {v : 200,f : fn // 對象的f()方法指向fn()函數 } // 定義一個全局變量，并被賦值為對象obj的f()方法 var fun = obj.f; // 將fun作為一個函數進行調用 fun.apply(obj);

new綁定

1.創建（或者說構造）一個全新的對象
2.這個新對象會綁定到函數調用的this
3.如果函數沒有返回其他對象，那么new表達式中的函數調用會自動返回這個新對象。

function Hero(name){this.name = name; } // this取決于函數調用的位置 var hero1 = new Hero('hhh');var hero2 = new Hero('xxx');

注意事項

1.避免多層this
2.避免數組方法中的this
3.避免回調函數中的this

總結

以上是生活随笔為你收集整理的this关键字的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。