js中this揭秘

前端面试题中经常会考this指向问题，初学者通常都会晕头转向，不知所以然。今天我就来讲讲js中this指向问题。

this指向大概分为5种情况，记住这6个规律，基本上面试题都能解决。

通过圆括号直接调用（this指向window）

 var name = "Tom";

 function Person() {
     var name = "Jim";
     console.log(this.name);
 }

 Person();

 作为对象的方法打点调用（this指向调用该方法的对象）

 var name = "Tom";

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

 var p = new Person("Jim");
 console.log(this.name);
 console.log(p.name);

作为事件处理调用（this指向发生事件的元素）

 var oDiv=document.querySelector("div");

 oDiv.onclick=function(){
     console.log(this)
 }

定时器调用（this指向window）

 var oDiv = document.querySelector("div");

 oDiv.onclick = function() {
     setTimeout(function() {
         console.log(this);
     }, 1000);
 }

数组下标调用（this指向数组）

 var arr = [
     "tom",
     function() {
         console.log(this);
     }
 ]

 console.log(arr);

最后一点很重要，记住：this指向取决于函数的最终调用者，函数未被调用时，this指向一般都是window，所以一定要看准函数的调用者，此时可以确定上下文this的指向。