JavaScript高级编程学习7——this关键字

最新推荐文章于 2025-09-10 16:16:57 发布

weixin_30702413

最新推荐文章于 2025-09-10 16:16:57 发布

阅读量65

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wuxiaoqian726/articles/1984914.html

本文详细介绍了ECMAScript中this关键字的使用方法及作用原理。通过具体示例展示了不同上下文中this所指代的对象差异，帮助读者理解this指向规则。

在ECMAScript中，我们经常可以看到在函数中使用this关键字。而this指的是调用该方法的对象。如下代码：

 var person = new Object();
        person.name = 'wu';
        var name='wuxq';
        person.ShowInfo = function () {
            document.write(this.name);//输出wu
            document.write('<br>');
        }
        function A() {
            document.write(this.name);//输出wuxq
        }
        person.ShowInfo();
        A();

可以看到这两个函数里面分别使用了this关键字。但是他们的输出时不一样的。由于ShowInfo是由person对象调用的，因此this指的是person对象。this.name等同于person.name.而函数A，其调用其实是这样的window.A(),因此可见this指的是window对象，而var name='wuxq' 其实也是这样声明的 var window.name='wuxq';因此这是的this.name等同于window.name;

this用法的代码：

function ShowInfo() { 
           document.write(this.name)
       }
       var person1 = new Object();
       person1.name = 'wuxq1';
       person1.ShowInfo = ShowInfo;
       var person2 = new Object();
       person2.name = 'wuxq2';
       person2.ShowInfo = ShowInfo;
       person1.ShowInfo();
       person2.ShowInfo();

转载于:https://www.cnblogs.com/wuxiaoqian726/articles/1984914.html