"this" 是個關鍵詞，是個存放指標的變數。

前提是在js中，別的語言我更不清楚了：

1、 this 預設指向 是   window

       e.g  

var name ='mongo';
console.log(this.name)       //  mongo
console.log(this)           // window

2、如果給元素添加了事件，當元素呼叫事件函式的時候， this 指向了 該 元素

       e.g

var oBtn = document.getElementById('btn');

oBtn.onclick = function(){
      console.log(this)      //  oBtn 這個物件元素
}
 

3、如果給元素添加了事件，而該事件函式裡面又套了一層函式， 此時該元素呼叫 事件函式的時候， this 指向又發生了 變化， 指向了全域性 window

      e.g

var oBtn = document.getElementById('btn');

oBtn.onclick = function(){
       setTimeout(function(){
               console.log(this) // window
        },1000)
}

       如果不包一層setTimeout，還可以加 return

       e.g

var oBtn = document.getElementById('btn');

oBtn.onclick = function(){
       return function(){
                console.log(this)   // window
        }
}

4、當遇到new 的時候， this 指向 了一個新的例項物件

       e.g

function Person(name){
      this.name = name;
      this.sayName = function(){
              console.log(this.name)
              console.log(this)
       }
}

var onePerson = new Person('mongo')
onePerson.sayName();    // ‘mongo’  onePerson例項物件

5、即便new 很厲害，但是遇到 call 或者apply 也認慫了！ 此時的 this  會指向  call或者apply 裡面的第一個引數物件！

       e.g

var name = ‘mongo’；

function Person(name){
       this.name = name;
       this.sayName = function(){
               console.log(this.name)
               console.log(this)
        }
}

var onePerson = new Person('liulian');
onePerson.sayName().call('window')   // mongo  此時的this就指向了 全域性window

稍稍總結一下， this 是一個存指標的變數， this指向一直在變化， 為什麼會變化，應該是隨著上下文執行的環境變化而變化吧！  情況大概分為四種：

1、 誰呼叫了此函式， 那麼this 就指向誰

2、如果遇到函式裡面又包了一層函式，那麼 this的指向就變成全域性的了

3、 如果遇到new  那麼指向就是 新建立的例項物件

4、如果遇到call 或apply，那麼 this 指向就是 call或apply 裡面的第一個引數