JavaScript 应用 this

(1)只使用函数名调用方法时,函数中定义的 this 指向 window 对象

function fun(){
    this.x = function(x){    //使用 this 关键字为函数定义一个方法 x()
        return x;
    }
}
fun();    //函数调用
alert(fun.x(4));    //使用函数名 fun 调用方法 x(),则返回编译错误
alert(window.x(4));    //使用 window 对象调用方法 x(),则返回 4

方法 x() 是在函数 fun 体内定义,由于函数 fun 是被 window 对象到调用,所以 this 就指向 window 对象。
(2)当使用 new 运算符调用函数调用函数,则 this 将指向实例对象

function fun(){
    this.x = function(x){    //使用 this 关键字为函数定义一个方法 x()
        return x;
    }
}
var a = new fun();    //使用 new 运算符调用函数,并把实例化对象赋值给变量 a,则 a 就拥有函数 fun的结构
alert(a.x(4));    //使用对象 a 调用方法 x(),返回 4    
alert(window.x(4));    //提示编译错误

以上代码中,this 指向实例对象,变量 a 就称为 this 指代的对象,此时调用方法 x() 就不能使用 window 对象。

(3)利用 this 可以为调用对象定义属性

var x = 1;    //声明变量 x 为 1
function fun(){
    this.x = 2;    //声明当前对象的属性 x 为 2
}
alert(x);    //返回 1

fun();    //调用函数 fun
alert(x);    //返回 2

如果在显示变量 x 的值之前调用函数 fun,则函数内部的 this 致电给当前对象 window,则 this.x 就等于 window.x,改属性与全局变量 x 同名,于是覆盖全局变量的值,所以返回 2。

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值