JavaScript this个人理解

一.调用公共函数，this默认指向的为window

直接上几个代码

1.

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

结果10

2.

var a =10;function test(){test.a=20;alert(this.a);test1();}function test1(){alert(this.a);}test();

结果:10    10

3.

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

结果: 5       10

结论：

从上面的代码的结果来看， this指向的对象为window，每当alert(this.a) 此时的值都是a=10;

在每次调用test()来看，都没有给test绑定对象（除window外,因为 test(); <==> window.test();），故此时的this默认指向为window，而所有的公共变量都可以以这种

方式来写：window.a = 10 <==> var a = 10 

故每次的alert(this.a) <==> alert(window.a)  

所以结果为 10

二.给函数绑定对象

直接上代码

1.

<span style="white-space:pre"></span>var a = 10;var b = function(){b.a = 20;alert(this.a);}b.c = function(){alert(this.a);}b();b.c();

结果： 10       20

2.

<span style="white-space:pre"></span>var a =10;function test(){test.a = 20;this.a = 30;}b = new test();alert(test.a);alert(b.a);

结果： 20      30

结论：

代码二1中第一个this.a 仍然是指向window alert(this.a) <==>alert(window.a);

第二个this.a则指向b对象，因为函数是这么定义的 b.c = function(){};  所以该函数绑定了b对象(该函数的拥有者)，故调用该函数b.c();函数中this指向b对象 

alert(this.a); <==> alert(b.a);

代码二2中的原理也是一样

创建一个b实例对象 test() 函数绑定的对象就是b(该函数的拥有者)  在函数test()  this指向b,所有this.a <==> b.a