Javascript的this指针用法

《Javascript的this指针用法》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Javascript的this指针用法Javascript的this指针一个非常容易理解错，进而用错的特性。特别是对于接触静态语言比较久了的同志来说更是如此。示例说明我们先来看一个最简单的Javascriptthis指针示例：1."text/javascript"> 2.    var name = "Kevin Yang"; 3.    function sayHi(){ 4.       alert("你好，我的名字叫" + name); 5.    } 6.    sayHi(

2、); 7. 这段代码很简单，我们定义了一个全局字符串对象name和函数对象sayHi。运行会弹出一个打招呼的对话框，“你好，我的名字叫KevinYang”。我们把这段代码稍微改一改：8."text/javascript"> 9.    var name = "Kevin Yang"; 10.    function sayHi(){ 11.       alert("你好，我的名字叫" + this.name); 12.    } 13.    sayHi(); 14. 这段代码和上

3、段代码的区别就在于sayHi函数在使用name的时候加上了this.前缀。运行结果和上面一摸一样。这说明this.name引用的也还是全局的name对象。开头我们不是说了，函数也是普通的对象，可以将其当作一个普通变量使用。我们再把上面的代码改一改：15."text/javascript"> 16.    var name = "Kevin Yang"; 17.    function sayHi(){ 18.       alert("你好，我的名字叫" + this.name); 

4、19.    } 20.    var person = {}; 1.    person.sayHello = sayHi; 2.    person.sayHello(); 3. 这一次，我们又创建了一个全局对象person，并将sayHi函数对象赋给person对象的sayHello属性。运行结果如下：这一次打招呼的内容就有点无厘头了，我们发现this.name已经变成undefined了。这说明，在sayHello函数内部执行时已经找不着this.name对象了。如果我们重新定义person对象，在其上面加上一个name属

5、性又会怎么样呢？varperson={name:"Marry"};运行代码发现打招呼的“人”变了：是不是看出点道道了呢？判别Javascript的this指针指导性原则在Javascript里面，this指针代表的是执行当前代码的对象的所有者。在上面的示例中我们可以看到，第一次，我们定义了一个全局函数对象sayHi并执行了这个函数，函数内部使用了this关键字，那么执行this这行代码的对象是sayHi（一切皆对象的体现），sayHi是被定义在全局作用域中。其实在Javascript中所谓的全局对象，无非是定义在window这个根

6、对象下的一个属性而已。因此，sayHi的所有者是window对象。也就是说，在全局作用域下，你可以通过直接使用name去引用这个对象，你也可以通过window.name去引用同一个对象。因而this.name就可以翻译为window.name了。再来看第二个this的示例。我们定义了一个person的对象，并定义了它的sayHello属性，使其指向sayHi全局对象。那么这个时候，当我们运行person.sayHello的时候，this所在的代码所属对象就是sayHello了（其实准确来说，sayHi和sayHello是只不过类似

7、两个指针，指向的对象实际上是同一个），而sayHello对象的所有者就是person了。第一次，person里面没有name属性，因此弹出的对话框就是this.name引用的就是undefined对象（Javascript中所有只声明而没有定义的变量全都指向undefined对象）；而第二次我们在定义person的时候加了name属性了，那么this.name指向的自然就是我们定义的字符串了。理解了上面所说的之后，我们将上面最后一段示例改造成面向对象式的代码。1."text/java

8、script"> 2.    var name = "Kevin Yang"; 3.    function sayHi(){ 4.       alert("你好，我的名字叫" + this.name); 5.    } 6.    functi