您的位置:首页 > Web前端 > JavaScript

Javascript的this用法

2015-10-19 15:12 495 查看

js中this的用法

总的原则,那就是this指的是,调用函数的那个对象。

注:this是函数内部的一个特殊对象,其行为与JAVA和C#中的this大致类似,换句话说,this引用的是函数据以执行的环境对象——或者也可以说是this值(当在网页的全局作用于中调用函数时,this对象引用的就是window) 。

情况一:纯粹的函数调用

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

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


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

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

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


情况三 作为构造函数调用

(所谓构造函数,就是通过这个函数生成一个新对象(object)。这时,this就指这个新对象。)

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


情况四 apply调用

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

注:apply()的参数为空时,默认调用全局对象。)

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


具体讲解参考:

http://www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: