javascript this对象

函数运行时，自动生成的一个内部对象，只能在函数内部使用

随着函数使用场合的不同，this的值也发生着改变，但是有一个总原则：this指的是调用函数的那个对象（核心）

this对象的指向

一般情况下，我们会从以下四个方面去分析

1、纯粹的函数调用

　　例如

 function test(){

         this.x = 1;

         alert(this.x);

         this.x = 2;

 }

 test();     //

 alert(x);    //

所以在这边，this指的是全局对象global

这边还有一种情况，很多人会搞错

var x = 2;

    function test(){

        var x = 1;

        function error(){

            alert(this.x);

        }

        return error;

}

test();    //

这种情况下this依旧是全局对象global，因为调用它的依旧是全局对象

2、作为对象的方法调用

　　例如

 var demo = {

         x:1,

         error : function () {

             var x = 2;

             alert(this.x)

         }

 };

 demo.error();    //

这边的this指向的是对象demo

还有个迷惑性的例子

     var x = 3;

     var demo = {

         x:1,

         error : function () {

             var x = 2;

             function ss(){

                 alert(this.x);

             }

             return ss;

         }

     };

     demo.error()();    //

这边的this又指向全局对象了.....换种方式看也许更清晰

1 (demo.error())();　　//把（）里的看成一个函数，其实调用这个函数的还是全局对象global

或者再换种写法

 1　　　var x = 3;

 2     var demo = {

 3         x:1,

 4         error : function () {

 5             var x = 2;

 6             function ss(){

 7                 alert(this.x);

 8             }

 9             ss();        // 3    不管函数在哪边，只要调用它是全局对象，那么this就指向全局对象

10         }

11     };

12     demo.error();    //

3、作为构造函数调用

　　例如

     function test(){

         this.x = 1;

     }

     var o = new test();

     var x = 2;

     alert(o.x);    //    1

这边的this就指向新对象o

4、call()和apply()时

　　例如

     var x = 3;

     var o = {

         x:1

     };

     var v = {

         x:2,

         test:function () {

             return this.x;

         }

     };

     alert(v.test());    //  2   this指向v

     alert(v.test.call());   // 3    this指向全局

     alert(v.test.call(o));  // 1    this指向o

当使用call和apply时，（）中的对象是什么，this就指向什么对象

巴特西

javascript this对象

最新文章

热门文章