js中的this究竟怎麼用

js的this是比較複雜的一個概念,複雜在於他究竟指代哪一個對象,今天就爲你們解釋一下。首先,this的指向在函數定義的時候是肯定不了的,只有函數執行的時候才能肯定this到底指向誰實際上this的最終指向的是那個調用它的對象。那也就是說,this並非由函數決定的,而是由最終調用它的對象決定的。ide


例1:函數

function a(){   
this

   var user = "追夢子";spa

   console.log(this.user); //undefined

   console.log(this); //Window對象

}it

a();io


這裏調用this的對象是window,a()其實等價於window.a()
console


例2:function


var o = {
   user:"追夢子",
   fn:function(){
       console.log(this.user);  //追夢子    }
}

o.fn();class

這裏最終調用this的是o這個對象,若是按照這個邏輯,最開始對this的解釋就是成立的;然而要看下面的例子,估計又要一頭霧水了。


例3:

var o = {
   a:10,
   b:{
       a:12,
       fn:function(){

           console.log(this.a); //12      

      }

   }
}

o.b.fn();


若是按照最後誰調取函數的原則,那麼這裏打印出來的是10,而不該該是12。個人理解是這個this指向調用這個函數的離他最近的對象。這裏離函數最近的對象是b,那麼this就指代b

相關文章
相關標籤/搜索