this關鍵字

this關鍵字是什么

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

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

綁定規(guī)則

默認綁定

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

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

隱式綁定

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

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

隱式綁定丟失

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

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

顯示綁定

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

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

new綁定

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

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

注意事項

1.避免多層this
2.避免數(shù)組方法中的this
3.避免回調(diào)函數(shù)中的this

總結

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。