js的this指针理解

js的this指针理解

• 因为发现身边的一些朋友对js的this指针的理解不是很全面。下面本人简单的讲解一下js的this指针的相关内容，仅供需要的朋友学习参考。

简单的，我先用一句话来概括javascript的this。在js里面，this指针代表的是执行当前代码的对象的所有者。

下面举几个简单的例子加以说明：

Js的this指针一代码  

1. var name="jonson";  
2. function test(){alert("您好，我的名字叫"+this.name);}  
3. test();  

  这段代码很简单，我们定义了一个全局变量name，一个全局的function，最后调用了这个test方法。运行这段代码，会弹出"您好，我的名字叫jonson"。

这里的test方法以及name方法都属于js的最初始的对象window的。简单的说：下面调用test方法的对象就是window。

 

Js的this实例2代码  

1. var obj={};  
2. var name="jonson_window";  
3. obj.name="jonson_obj";  
4. obj.test=function (){alert("您好，我的名字是"+this.name)};  
5. obj.test();  

  运行这段代码，页面弹出"您好，我的名字是jonson_obj"，而不是"您好，我的名字是jonson_wondow"。因为最后一句obj.test(),指的是obj对象调用test方法，所以这里的

this.name指的自然就是obj.name的值。

Js的this实例4代码  

1. function test(){        
2. alert(this.title);  
3. }  
4. <input  type="button" value="test" οnclick="test()" id="test" title="test">  

  运行这段代码页面弹出undefined字样。有人会说，我的input标签里面明明有title属性的值为test的。但是这里为什么会弹出undefined字样呢。其实道理很简单，这里是通过onclick方法调用的。其实οnclick="test()"，相当于function onclick(evenet){test();},而function onclick其实也是一个全局的function，上面的 test方法也是全局的function，都可以视为window对象的两个属性。这里其实就是通过这个在onclick方法里面调用这个test方法，其实这里和第一种说法是一样的。

通过以上的几个例子，我相信大家都多少理解了js的this指代含义------this指针代表的是执行当前代码的对象的所有者。

我希望大家看完这个博客之后，可以自己去测试一下，加深对js的this指代的理解。

Javascript的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。

（完）