探索Javascript中this的奥秘

前言： this 是 JavaScript 比较特殊的关键字，运用的地方之广，方式之灵活奠定了它的强大，但同时注定了它的难用 。自己刚开始学的时候被绕的很晕，为了彻底弄懂它查了很多资料。然后将自己学的东西整理了一下，以通俗易懂的方式表达出来，权当做学习笔记，同时也可以给有需要的童鞋做下参考^_^

什么是this？

this 关键字的含义是明确且具体的，即指代当前对象。即意味着这个 this 是在某种相对情况下才成立的。

this 被分为三种情况：全局对象、当前对象或者任意对象;判断处于那种情况，这完全取决于函数的调用方式，JavaScript 中主要的函数调用有以下几种方式：

1. 作为普通函数调用
    ------这是我们最常用的方法，这种调用方式属于全局调用，这里的 this 指的是全局对象

function test(){ this.a = 5; alert(this.a); alert(this);}test(); // 5 [object Window]

如上所示：定义在全局的函数, 函数的所有者就是当前页面, 也就是window对象，所以example()的调用对象就是Window，因此这里面的this就代表Window;

换一种写法:

var a = 5;function test(){ var a = 10; alert(this.a);}test(); //5

如上所示：test()函数内部也声明了一个变量a，但是调用test()的结果为5，说明此时函数内部的this代表了全局对象即Window;

再换种写法：

var a = 5;function test(){ this.a = 10;}test();alert(a); //10

如上所示： 调用test()函数，更改了全局变量a的值，即表明此时this代表全局对象。

2.作为对象函数的调用
   ------当函数被某个对象调用时，此时this就指向了这个对象

var name="张三"; var person={  name:"李四",  showName:function(){   alert(this.name);  } } person.showName(); //输出 李四 var other=person.showName; other(); //输出 张三

如上所示：执行 person.showName()的结果为 李四，说明此时showName中的this指向了person；

而把person.showName赋给other后，因为other属于全局变量，可以看成是window对象的一个属性。所以当调用other()，相当于调用window.other()，因此this指向了window, 输出结果为 张三；

所以说作为函数对象调用时，this就指向了这个调用的对象。

3. 作为构造函数调用
    ------构造函数，就是通过这个函数生成一个新对象（object），这时候的 this 就会指向这个新对象；

function animal(){ this.name = "豆豆";}var dog = new animal();alert(dog.name); // 输出 豆豆

如上所示：通过new关键字生成一个object类型的对象并把它赋给dog,执行这个构造函数的话，会吧构造函数作用域里的this指向这个对象，在这里就是指向了dog,因此this.name 等同于dog.name, 所以输出结果为豆豆。