站长资讯网
最全最丰富的资讯网站

javascript中this的用法有哪些

javascript中this的用法:1、使用this指代全局对象,代码为【alert(this.x)】;2、使用this指代上级对象;3、使用this指代new出的对象。

javascript中this的用法有哪些

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

javascript中this的用法:

1、在一般函数方法中使用this指代全局对象

function test(){     this.x = 1;     alert(this.x);   }   test(); // 1

2、作为对象方法调用,this指代上级对象

function test(){   alert(this.x); } var o = {}; o.x = 1; o.m = test; o.m(); // 1

3、作为构造函数调用,this 指代new 出的对象

  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

4、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

相关免费学习推荐:javascript视频教程

赞(0)
分享到: 更多 (0)