看懂js中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)作为构造函数调用

<script>
function test(){
this.a = 1;
};
var test2 = new test();
alert(test2.a);//结果为:1
</script>

这里this指向的是构造的新对象,也就是 test2,所以test2也有了属性a并等于1。

4)apply()、call() 调用

<script>
var a = 0,
test1 = {
a:1,
fun:function(){
alert(this.a);
}
},
test2 = {
a:2
};
test1.fun();//结果为:1
test1.fun.call(test2);//结果为:2
test1.fun.call();//结果为:0
</script>


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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 在面向对象的语言中(例如Java,C#等),this含义是明确且具体的,即指向当前对象。一般在编译期绑定。而在ja...
    一木_qintb阅读 419评论 0 0
  • 第一章: JS简介 从当初简单的语言,变成了现在能够处理复杂计算和交互,拥有闭包、匿名函数, 甚至元编程等...
    LaBaby_阅读 1,714评论 0 6
  • 一、执行环境 所有变量(包括基本类型和引用类型)都存在一个执行环境(作用域)当中,这个执行环境决定了变量的生命周期...
    张延伟阅读 467评论 1 1
  • 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上...
    web蜗牛阅读 592评论 1 4
  • 首先必须要说的是,this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上...
    Mr__王阅读 744评论 0 3