看懂js中this关键字的指向问题

本文深入探讨了JavaScript中this关键字的指向规则,包括单纯函数调用、作为对象方法调用、构造函数调用及apply和call方法的影响。通过具体示例,解释了this如何根据调用上下文改变指向。

this总是指向函数的直接调用者(而非间接调用者);如果有new关键字,this指向new出来的那个对象;在事件中,this指向触发这个事件的对象,特殊的是,IE中的attachEvent中的this总是指向全局对象Window; 通俗的讲,因为this只存在于函数中,而函数是需要被调用的,然后this是谁(对象)调用函数就指向谁(对象)。下面我们看看不同情况下的this指向情况。

1)单纯的函数调用

<script>
function test(){ 
    this.x = 1; 
    alert(this.x)//结果为:1
 };
test();//这里window调用了test函数, window.x即this.x
alert(this.x) ;//结果为:1
alert('x' in window);//结果为:true
</script>
``

2)函数作为对象的方法调用
复制代码

var test = { a:1, b:function(){ alert(this.a); } }; test.b();//结果为:1 test调用了函数b,this指向test alert(this.a);//结果为:undefined  window调用了alert函数,this指向 window而window里并没有a这个属性。

注:在非严格模式下,this没有正确指向,则指向window对象,在严格模式下,没有正确指向,为 undefined。默认就是非严格模式。

3)作为构造函数调用
复制代码
这里this指向的是构造的新对象,也就是 test2,所以test2也有了属性a并等于1。

4)apply()、call() 调用

复制代码

这里的三次调用,this分别指向test1、test2和window。第一种前面已经提到了,第二种是通过call或者apply方法使fun中原本指向test1的this变成了指向test2(即call、apply方法的第一个参数)。第三种情况属于第一个参数为空(好像为undefined时也会指向window)时,会默认指向window,..call() =》 ..call(window)。

复制代码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值