关闭

Javascript this关键字

标签: javascriptthis
136人阅读 评论(0) 收藏 举报
分类:

Javascript this关键字
经常this使用上比较混乱,所以总结一下。
Javascript中的this其实跟java、C++等oo语言的含义,其实没有什么太大不同,但是由于javascript自身的特殊性,函数既是函数也是对象,导致this容易混淆。有人说this指的是,调用函数的那个对象。为了与其他oo语言的this概念统一一下,说this指向当前对象也没有什么不妥。
情况一:纯粹的函数调用:

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

test(); //这里对话框弹出内容为1
为了证明this就是全局对象,我对代码做一些改变:

var x = 1;
function test(){
alert(this.x);
}
test();//这里对话框弹出内容为1
var x = 1;
function test(){
  this.x = 0;
}
test();
alert(x); //这里对话框弹出内容为0而不是1

可见this此时为全局对象。这是因为此时调用test的对象为全局对象window,所以当前对象也就是this指向的对象为window

情况二:作为对象方法的调用
函数还可以作为某个对象的方法调用,这时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的值根本没变。

情况四 作为字面量调用

var name='tt';
var test={
    name:'hh',
    tt:this.name
};
alert("name:"+test.tt);

运行结果是弹框内容为tt而不是hh。这种情况跟情况一类似

情况五 apply函数可以改变this的指向
apply()的参数为空时,默认调用全局对象

var x = 0;
function test(){
  alert(this.x);
}
var Q={};
Q.x = 1;
Q.m = test;
Q.m.apply(); //弹框内容为全局的x的0,而不是Q的x的1

若把最后一行改为Q.m.apply(Q);这句代码的意思是Q.m的this为Q,即此时test的this为Q,于是弹框内容为Q的x的1

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:9212次
    • 积分:234
    • 等级:
    • 排名:千里之外
    • 原创:14篇
    • 转载:5篇
    • 译文:0篇
    • 评论:0条