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

巴特西

js中this揭秘

最新文章

热门文章