JS中this的指向问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中this的指向问题相关的知识,希望对你有一定的参考价值。

  JS中this的定义:this对象是在运行时基于函数的执行环境绑定的(通俗点来说就是:this代表当前函数属于哪个对象)。

 

 this一般情况下都代表的是global对象,在浏览器中就是window对象,在一些情况t下his的指向会发生改变,如下5种:

 1.对象的字面量表示法中:    var a=1

                 var obj={ 

                     a:0;

                     sum:function(  ){

                        alert( this.a) ;      //this.a=0,   这里的this代表obj对象;

                        return function(){

                          this.a;  //这里的this.a=1,?为什么呢,因为每个函数都有两个特殊的变量,一个是arguments,还有一个就是this了,这样函数在访问this时就只会在自己的函数环境中进行查找,而不会向上进行搜索。      

                        }

                     } 

                 }

 

 2.添加事件:        var a=1;

               oDiv1.onclick=function(){

                 alert(this.a);      //  this.a=undefined,  这里的this代表oDiv1,oDiv1没有a属性; 

               }

 

 3.使用定时器:        var a=1;

                oDiv1.onclick=function(){

                  setInterval(function(){

                     alert(this.a) ;    //this.a=1,   这里的this代表window对象,只要使用了定时器,那么里面的this就代表window对象;

                  },1000);

               }

 

 4.使用了ajax:      ajax里面的this代表window对象 ,和使用定时器很像;

 

 5.对象的实例化 :  假如我们自己创建了一个构造函数sum,里面有this.a=1;如果我们直接调用这个构造函数sum(),那么这个this代表window对象;

          但是我们对它进行实例化var obj = new sum(),这样this.a上的this代表当前对象obj;

 

以上是关于JS中this的指向问题的主要内容,如果未能解决你的问题,请参考以下文章

setTimeout中this指向的问题

js中的this的指向问题

this指向问题

js中this的指向问题?(普通函数)

Js中的this指向问题

关于JS函数中this指向问题的总结