javascript中this

 下面都是个人理解以及查找的网上的资料,如有不对的地方请指正

This

 

this 始终指向调用它的对象 ,都没有对象调用时就指向window

另外就是this一般都是在function中,当不在function中的时候  一定是指向window的.

var a ='a'; alert(this.a); //出来的是a alert(this.b); //undefined 因为还没定义 var b= 'b'; alert(this.b); //出来的是b 所有的全局变量都是window的属性

 

当在function中的时候,如果没有对象调用它还是指向window的

var a ='a'; function test(){ alert(this.a) } test();

有人觉得this是根据上下文来确定的,反正我不明白这是什么意思  只要抓住一点 有没有对象调用它就好了,不管这个this隐藏的有深

 var a ='a'; function test(){ (function(){ (function(){ (function(){ alert(this.a); //这个this隐藏的够深了吧 但是没有对象调用 还是指向window })(); })(); })() } test();

在function中  当有对象调用这个function的时候  this就指向这个对象了......

 var vv = "wo bu shi vv"; function text(){ alert(this.vv) }; var obj = { vv : "vv", say :text }; text(); //可以看到 没有对象调用 指向的是window obj.say();//say引用的text 有对象调用(obj) this指向的是obj

在js中有一个神奇的方法,他就是call,apply他可以改变this 的指向;

 var text = { name : "we are good", say : function(){ alert(this.name); } } var pest ={ name : "we are pest" }//可以看到pest没有say这个方法 text.say.call(pest);//可以看到alert出来的是we are pest text.say.apply(pest);

还有一中情况就是类了, js中的类就是function吗,当new一个function的时候就会生成一个对象(也不一定啊 当在某些情况下还会是function  如构造类 现在我说的是基本的)  this 就指向这个对象了

 function perseon(name){ this.name = name; this.say = function(){ alert(this.name) } } var wt = new perseon('wt'); wt.say(); //指向的wt var taozi = new perseon('taozi'); taozi.say();//指向的taozi

 

以上都是针对js语言来说明的  所说的对象也是原生（Native）对象

另外还有宿主（Host）对象  如dom元素

但是原理还是一样 如果是元素的方法调用的函数 函数里面的this指向dom元素

<input value="text" id="vv" type="button" onClick="alert(this.id)">

 

 

在使用this 中一些常常会遇见的错误 ( 先到这吧  改天在写)

潜套一各函数会改变this的指向,

var a = "quanju"; function test(){ this.a = "neibu"; (function(){ alert(this.a) })() }; new test(); //出现的是quanju

解决办法 定义一个变量保存this

<script type="text/javascript">
var a = "quanju";
function test(){
 this.a = "neibu";
 var _self = this
 (function(){
  alert(_self.a)
 })()
};
new test();

</script>