js的this指针理解

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

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

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

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

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

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

 

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

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

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

function test(){      
alert(this.title);
}
<input  type="button" value="test" onclick="test()" id="test" title="test">

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

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

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

评论

3 楼 shenya2 2015-12-09  

2 楼 cl1154781231 2014-10-21  

看明白了，不错的文章，我转咯，会注明出处。

1 楼 aykjy 2014-05-06  

谢谢讲解