JavaScript 的 this

学习了js这么久了,一直没有弄懂js中的this到底是什么鬼,有时候它是全局变量,有时候它指向全局变量,(在浏览器中是 window变量),有时候又指向对象。下面为大家做一个总括。

参考:http://www.ibm.com/developerworks/cn/web/1207_wangqf_jsthis/#ibm-pcon

第一种情况:对象中的函数this指向这个对象
//声明对象
var obj = {
    data:"data",
    test:function(){
        console.log(this.data);
    }
}
obj.test();//输出data
第二种情况:普通函数中的this指向全局变量(window)
function Point(x,y){
    this.x = x;
    this.y = y;
    this.showXY = function(){
        console.log(this.x+" "+this.y);
    }
}

Point(4,5);//执行Point函数后,为window.x window.y 赋值
showXY();//执行全局的window.showXY()函数,读取全局x,y
第三种情况:将函数当作构造函数调用的话this指向新的对象
function Point(x,y){
    this.x = x;
    this.y = y;
    this.showXY = function(){
        console.log(this.x+" "+this.y);
    }
}

var ins = new Point(5,6);
ins.showXY();
第四种情况:调用apply和call函数,this指向对象参数
function Point(x,y){
    this.x = x;
    this.y = y;
    this.showXY = function(){
        console.log(this.x+" "+this.y);
    }
}

var obj2 = {
    x:0,y:0
};
Point.apply(obj2,[78,5]);
showXY.apply(obj2);//这儿的this指向的是obj2这个对象
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值