javascript中关键字this的学习心得

    javaScript中的this关键字不是很难理解，但却非常重要。要掌握好this，最重要的就是记清楚一句话：this总是出现在对象的方法中，并且总是指向调用这个方法的那个对象。先看下面这个例子。

var person=new Object; person.name="john"; person.showName=function (){ alert(this.name); } person.showName();   

在浏览器中运行这段代码，会弹出对话框，显示“john”，说明程序在运行到alert(this.name)的时候，this指向的是调用此方法的person对象。

 

再看一个例子。

 function showName(){ alert(this.name); } var person1=new Object; person1.name="john"; person1.getName=showName; var person2=new Object; person2.name="mike"; person2.getName=showName; person1.getName();// 输出john person2.getName();// 输出mike

 上面的代码先创建了函数showName,然后又创建了两个对象person1和person2,其中person1的name属性为"john",person2的name属性为"mike"。这两个对象又都被赋予了getName属性，并指向同一个function即showName。

调用每个对象的getName方法，person1输出为"john",person2输出为"mike"。这是因为person1调用getName时，alert(this.name) 这句代码中的this 指向了person1对象。而person2调用getName时，this又指向了person2。

 

注意，引用对象的属性时，必须使用this关键字。例如下面的代码

function showAge() { alert(age); } var person=new Object; person.age=12; person.getAge=showAge; person.getAge();

这段代码不能正常运行，因为在函数中没有使用this来引用对象的属性，所以当程序运行时，就会将age当成局部变量或是全局变量，然后该函数将查找局部变量或者是全局变量，但是此变量却并没有定义过。 

      关于this，还有一个特性应该注意。考虑下面的代码 。

window.showAge=function() { alert(this.age); //此行代码可以正常运行。 } window.age=12; window.showAge();

 

这段代码会输出结果"12"，这是因为在基于浏览器的javaScript中，所有属于全局作用域的变量其实都是window对象的属性，所以上面的代码其实和下面的代码是相等的。

function showAge() { alert(this.age); } window.age=12 showAge(); //输出“12”

 

由此我们可以看出，即使在全局作用域下调用某方法，this也是始终指向调用它所在方法的那个对象的。

      所以，要理解javaScript中的this，只要牢记一句话，this必须使用在一个方法(函数)中，并且在运行时哪个对象调用了这个方法，this就指向那个对象。