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的指向。