JavaScript 对this的理解

         之前对于this的理解比较模糊，但记得有一个总的原则，就是this指的是，调用函数的那个对象。

   看了一篇比较通俗的讲解，与大家分享：

this是Javascript语言的一个关键字。

它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如，

　　function test(){

　　　　this.x = 1;

　　}

随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函数的那个对象。

下面分四种情况，详细讨论this的用法。

情况一：纯粹的函数调用

这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。

请看下面这段代码，它的运行结果是1。

　　function test(){

　　　　this.x = 1;

　　　　alert(this.x);

　　}

　　test(); // 1

为了证明this就是全局对象，我对代码做一些改变：

　　var x = 1;

　　function test(){

　　　　alert(this.x);

　　}

　　test(); // 1

运行结果还是1。再变一下：

　　var x = 1;

　　function test(){

　　　　this.x = 0;

　　}

　　test();

　　alert(x); //0

情况二：作为对象方法的调用

函数还可以作为某个对象的方法调用，这时this就指这个上级对象。

　　function test(){

　　　　alert(this.x);

　　}

　　var o = {};

　　o.x = 1;

　　o.m = test;

　　o.m(); // 1

情况三 作为构造函数调用

所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，this就指这个新对象。

　　function test(){

　　　　this.x = 1;

　　}

　　var o = new test();

　　alert(o.x); // 1

运行结果为1。为了表明这时this不是全局对象，我对代码做一些改变：

　　var x = 2;

　　function test(){

　　　　this.x = 1;

　　}

　　var o = new test();

　　alert(x); //2

运行结果为2，表明全局变量x的值根本没变。

情况四 apply调用

apply()是函数对象的一个方法，它的作用是改变函数的调用对象，它的第一个参数就表示改变后的调用这个函数的对象。因此，this指的就是这第一个参数。

　　var x = 0;

　　function test(){

　　　　alert(this.x);

　　}

　　var o={};

　　o.x = 1;

　　o.m = test;

　　o.m.apply(); //0

apply()的参数为空时，默认调用全局对象。因此，这时的运行结果为0，证明this指的是全局对象。

如果把最后一行代码修改为

　　o.m.apply(o); //1

运行结果就变成了1，证明了这时this代表的是对象o

情况五 内部函数

var name = "clever coder" ;

var person = {

     name : "foocoder" ,

     hello : function (sth){

         var sayhello = function (sth) {

             console.log( this .name + " says " + sth);

         };

         sayhello(sth);

     }

}

person.hello( "hello world" ); //clever coder says hello world




       在内部函数中，this没有按预想的绑定到外层函数对象上，而是绑定到了全局对象。这里普遍被认为是JavaScript语言的设计错误，因为没有人想让内部函数中的this指向全局对象。一般的处理方式是将this作为变量保存下来，一般约定为that或者self：

var name = "clever coder" ;

var person = {

     name : "foocoder" ,

     hello : function (sth){

         var that = this ;

         var sayhello = function (sth) {

             console.log(that.name + " says " + sth);

         };

         sayhello(sth);

     }

}

person.hello( "hello world" ); //foocoder says hello world







　其实就可以总结为以下几点：

　　1.当函数作为对象的方法调用时，this指向该对象。

　　2.当函数作为淡出函数调用时，this指向全局对象（严格模式时，为undefined）

　　3.构造函数中的this指向新创建的对象

　　4.嵌套函数中的this不会继承上层函数的this，如果需要，可以用一个变量保存上层函数的this。

　　再总结的简单点，如果在函数中使用了this，只有在该函数直接被某对象调用时，该this才指向该对象。